Move selectedRow state variable to top of function definition

ECN · Nov 3, 2020 · b7726e0 · b7726e0
1 parent 989f148
commit b7726e0
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
@@ -8,7 +8,8 @@ import ItemTableFilter from "../ItemTableFilter/"
 import { ArrowDownward, ArrowUpward } from "@material-ui/icons";
 
 export default function ItemTable({ data }) {
-
+    const [selectedRow, setSelecetedRow] = useState({ queue: null, number: null });
+
     const theme = useTheme();
     const useStyles = makeStyles({
         // Fully visible for active icons
@@ -29,7 +30,6 @@ export default function ItemTable({ data }) {
                 backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[700],
             },
         },
-
         columnBorders: {
             borderLeftWidth: "1px",
             borderLeftStyle: "solid",
@@ -71,11 +71,8 @@ export default function ItemTable({ data }) {
         },
         useFilters, useFlexLayout, useSortBy,
     );
-
     const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow, } = tableInstance;
 
-    const [selectedRow, setSelecetedRow] = useState({ queue: null, number: null });
-
     return (
         <TableContainer component={Paper} >
             <Table {...getTableProps} aria-label="Table of Queue Items" >
@@ -158,4 +155,4 @@ ItemTable.propTypes = {
 
 ItemTable.defaultProps = {
     "items": []
-};
+};