diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js index d94dc72..d843dcc 100644 --- a/src/components/ItemTable/ItemTable.js +++ b/src/components/ItemTable/ItemTable.js @@ -16,7 +16,7 @@ export default function ItemTable({ data, rowCanBeSelected }) { const useStyles = makeStyles({ hoverBackgroundColor: { "&:hover": { - // The !important is placed here to enforce CSS specificity. + // The !important is placed here to enforce CSS specificity. // See: https://material-ui.com/styles/advanced/#css-injection-order backgroundColor: `${theme.palette.primary[200]} !important`, }, @@ -52,10 +52,7 @@ export default function ItemTable({ data, rowCanBeSelected }) { { Header: 'Department', accessor: 'department' }, { Header: 'Building', accessor: 'building' }, { Header: 'Date Received', accessor: 'dateReceived', sortInverted: true, Cell: ({ value }) => }, - { Header: 'Last Updated', accessor: 'lastUpdated', }, - { Header: 'Department', accessor: 'department' }, - { Header: 'Building', accessor: 'building' }, - { Header: 'Date Received', accessor: 'dateReceived', }, + ], []); const tableInstance = useTable( { @@ -148,7 +145,7 @@ export default function ItemTable({ data, rowCanBeSelected }) { history.push(`/${row.original.queue}/${row.original.number}`); setSelectedRow({ queue: row.original.queue, number: row.original.number }); }} - // This functionality should be achieved by using the selected prop and + // This functionality should be achieved by using the selected prop and // overriding the selected class but this applied the secondary color at 0.08% opacity. // Overridding the root class is a workaround. classes={{