From b7726e0740bce457c19c5b2ef7e076c49577b2e9 Mon Sep 17 00:00:00 2001
From: "Campbell, Justin" <campb303@purdue.edu>
Date: Mon, 2 Nov 2020 20:52:08 -0500
Subject: [PATCH] Move selectedRow state variable to top of function definition

---
 src/components/ItemTable/ItemTable.js | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
index a45d8ed..825b975 100644
--- 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": []
-};
\ No newline at end of file
+};