From d842e2c0110451fb99ad23cd672509cd1b2a6a73 Mon Sep 17 00:00:00 2001 From: Tyler Jordan Wright Date: Wed, 9 Dec 2020 11:08:19 -0500 Subject: [PATCH] disabled autoResetSortBy to allow for sorting to persist when data changes. --- src/components/ItemTable/ItemTable.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js index e45dc63..c19454a 100644 --- a/src/components/ItemTable/ItemTable.js +++ b/src/components/ItemTable/ItemTable.js @@ -11,7 +11,7 @@ import { ArrowDownward, ArrowUpward } from "@material-ui/icons"; export default function ItemTable({ data, rowCanBeSelected }) { const [selectedRow, setSelectedRow] = useState({ queue: null, number: null}); - const theme = useTheme(); + const theme = useTheme(); const useStyles = makeStyles({ // Fully visible for active icons activeSortIcon: { @@ -57,6 +57,7 @@ export default function ItemTable({ data, rowCanBeSelected }) { { columns, data, + autoResetSortBy: false, defaultColumn: { Filter: ({ column: { Header, setFilter } }) => { return ( @@ -68,7 +69,7 @@ export default function ItemTable({ data, rowCanBeSelected }) { } }, }, - useFilters, useFlexLayout, useSortBy, + useFilters, useFlexLayout, useSortBy, ); const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow, } = tableInstance; @@ -136,7 +137,7 @@ export default function ItemTable({ data, rowCanBeSelected }) { classes={{ root: (isSelected && rowCanBeSelected) ? classes.rowSelected : classes.bandedRows }} {...row.getRowProps()} > {row.cells.map(cell => ( -