Implement logic for default sorting order of ItemTable

ECN · Jan 8, 2021 · bb68f11 · bb68f11
1 parent 2bd362c
commit bb68f11
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
@@ -9,7 +9,7 @@ import { ArrowDownward, ArrowUpward } from "@material-ui/icons";
 
 
 export default function ItemTable({ data, rowCanBeSelected }) {
-    const [selectedRow, setSelectedRow] = useState({ queue: null, number: null});
+    const [selectedRow, setSelectedRow] = useState({ queue: null, number: null });
 
     const theme = useTheme();
     const useStyles = makeStyles({
@@ -69,8 +69,14 @@ export default function ItemTable({ data, rowCanBeSelected }) {
                     );
                 }
             },
+            initialState: {
+                sortBy: [
+                    { id: 'number', desc: false },
+                    { id: 'lastUpdated', desc: false },
+                ]
+            }
         },
-        useFilters, useFlexLayout, useSortBy, 
+        useFilters, useFlexLayout, useSortBy,
     );
     const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow, } = tableInstance;