diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js index cb918f4..81f7475 100644 --- 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 ( - + ); @@ -158,7 +158,7 @@ export default function ItemTable({ data }) { ); default: return ( - + {cell.value} ); diff --git a/src/components/ItemTableCell/ItemTableCell.js b/src/components/ItemTableCell/ItemTableCell.js index 15197ee..c2c906a 100644 --- 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 ( - + {children} ); } 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 };