Rename reactTableProps to TableCellProps

ECN · Jan 20, 2021 · 55de973 · 55de973
1 parent 375b679
commit 55de973
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
@@ -145,7 +145,7 @@ export default function ItemTable({ data }) {
                                         switch (cell.column.id) {
                                             case "dateReceived":
                                                 return (
-                                                    <ItemTableCell reactTableCellProps={cell.getCellProps()}>
+                                                    <ItemTableCell TableCellProps={cell.getCellProps()}>
                                                         <RelativeTime value={cell.value} />
                                                     </ItemTableCell>
                                                 );
@@ -158,7 +158,7 @@ export default function ItemTable({ data }) {
                                                 );
                                             default:
                                                 return (
-                                                    <ItemTableCell reactTableCellProps={cell.getCellProps()}>
+                                                    <ItemTableCell TableCellProps={cell.getCellProps()}>
                                                         {cell.value}
                                                     </ItemTableCell>
                                                 );

diff --git a/src/components/ItemTableCell/ItemTableCell.js b/src/components/ItemTableCell/ItemTableCell.js
@@ -2,12 +2,11 @@ import React from 'react'
 import PropTypes from "prop-types";
 import { makeStyles, TableCell, useTheme } from '@material-ui/core'
 
-export default function ItemTableCell({ reactTableCellProps, backgroundColor, children }) {
-
+export default function ItemTableCell({ backgroundColor, children, TableCellProps }) {
     const theme = useTheme();
-
     const useStyles = makeStyles({
         columnBorders: {
+            // Add column borders
             borderLeftWidth: "1px",
             borderLeftStyle: "solid",
             borderColor: theme.palette.type === "light" ? theme.palette.grey[300] : theme.palette.grey[500]
@@ -16,19 +15,23 @@ export default function ItemTableCell({ reactTableCellProps, backgroundColor, ch
 
     const classes = useStyles();
     return (
-        <TableCell style={{ backgroundColor: backgroundColor }}  {...reactTableCellProps} classes={{ root: classes.columnBorders }}>
+        <TableCell 
+            style={{ backgroundColor: backgroundColor }}  
+            classes={{ root: classes.columnBorders }}
+            {...TableCellProps}
+        >
             {children}
         </TableCell>
     );
 }
 
 ItemTableCell.propTypes = {
-    /** Props passed from ItemTable. */
-    "reactTableProps": PropTypes.object,
     /** Sets background color*/
     "backgroundColor": PropTypes.string,
     /** Child object passed to display cell data. */
     "children": PropTypes.object,
+    /** Props applied to the TableCell component. */
+    "TableCellProps": PropTypes.object
 
 };