Removed uncessary desc key from intialState.sortBy in the table optio…

…n in ItemTable component
ECN · Jan 8, 2021 · 7373d88 · 7373d88
1 parent bb68f11
commit 7373d88
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
@@ -21,6 +21,9 @@ export default function ItemTable({ data, rowCanBeSelected }) {
         inactiveSortIcon: {
             opacity: 0.2,
         },
+        container: {
+            maxHeight: 500,
+        },
         rowSelected: {
             backgroundColor: theme.palette.type === 'light' ? theme.palette.primary[100] : theme.palette.primary[600],
         },
@@ -71,18 +74,18 @@ export default function ItemTable({ data, rowCanBeSelected }) {
             },
             initialState: {
                 sortBy: [
-                    { id: 'number', desc: false },
-                    { id: 'lastUpdated', desc: false },
-                ]
+                    { id: 'number' },
+                    { id: 'lastUpdated' },
+                ],
             }
         },
         useFilters, useFlexLayout, useSortBy,
     );
     const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow, } = tableInstance;
 
     return (
-        <TableContainer component={Paper} >
-            <Table {...getTableProps} aria-label="Table of Queue Items" >
+        <TableContainer className={classes.container}  >
+            <Table stickyHeader {...getTableProps} aria-label="Table of Queue Items" >
                 <TableHead>
                     {headerGroups.map(headerGroup => (
                         <TableRow {...headerGroup.getHeaderGroupProps()}>