fix(components): enable css prop on TableRow

beta
sumup-oss · Jul 24, 2020 · 947cc44 · 947cc44
1 parent 0f96c7d
commit 947cc44
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/Table/Table.js b/src/components/Table/Table.js
@@ -246,6 +246,7 @@ class Table extends Component {
       scrollable,
       onRowClick,
       onSortBy,
+      rows,
       ...props
     } = this.props;
     const {
@@ -256,7 +257,7 @@ class Table extends Component {
       tableBodyHeight,
     } = this.state;
 
-    const rows = this.getSortedRows();
+    const sortedRows = this.getSortedRows();
 
     return (
       <TableContainer
@@ -292,7 +293,7 @@ class Table extends Component {
             <TableBody
               condensed={condensed}
               scrollable={scrollable}
-              rows={rows}
+              rows={sortedRows}
               rowHeaders={rowHeaders}
               sortHover={sortHover}
               onRowClick={onRowClick}

diff --git a/src/components/Table/components/TableRow/TableRow.js b/src/components/Table/components/TableRow/TableRow.js
@@ -13,9 +13,9 @@
  * limitations under the License.
  */
 
-import React from 'react';
+/** @jsx jsx */
 import styled from '@emotion/styled';
-import { css } from '@emotion/core';
+import { css, jsx } from '@emotion/core';
 
 import { isEnter, isSpacebar } from '../../../../util/key-codes';
 import { focusOutline } from '../../../../styles/style-helpers';