From 27bca3eff4e8cfc145cf9074e42f011c5f650e7a Mon Sep 17 00:00:00 2001
From: Justin Campbell <campb303@w2vm4.ecn.purdue.edu>
Date: Mon, 16 Nov 2020 16:11:14 -0500
Subject: [PATCH] Fix ItemTable props/state issues causing failure to render

---
 src/components/AppView/AppView.js     | 2 +-
 src/components/ItemTable/ItemTable.js | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/AppView/AppView.js b/src/components/AppView/AppView.js
index 6fb0006..a00abbe 100644
--- a/src/components/AppView/AppView.js
+++ b/src/components/AppView/AppView.js
@@ -112,7 +112,7 @@ export default function AppView({ setDarkMode }){
 			<Box className={classes.leftCol}>
 				<ItemTableAppBar title="webqueue2" setDarkMode={setDarkMode} />
 				<QueueSelector queues={queueCounts} selectedQueues={selectedQueues} setSelectedQueues={setSelectedQueues} />
-				<ItemTable data={items} onRowClick={ _ => console.log("Clicked!") }/>
+				<ItemTable data={items} rowCanBeSelected={sidebarOpen}/>
 			</Box>
 
 			<Box className={clsx(classes.rightCol, sidebarOpen && classes.rightColShift)}>
diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
index 701aabc..e45dc63 100644
--- a/src/components/ItemTable/ItemTable.js
+++ b/src/components/ItemTable/ItemTable.js
@@ -9,6 +9,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 useStyles = makeStyles({
@@ -127,7 +128,7 @@ export default function ItemTable({ data, rowCanBeSelected }) {
                             <TableRow
                                 onClick={() => {
                                     history.push(`/${row.original.queue}/${row.original.number}`);
-                                    setSelecetedRow({ queue: row.original.queue, number: row.original.number });
+                                    setSelectedRow({ queue: row.original.queue, number: row.original.number });
                                 }}
                                 // This functionality should be achieved by using the selected prop and 
                                 // overriding the selected class but this applied the secondary color at 0.08% opacity.
@@ -159,6 +160,8 @@ ItemTable.propTypes = {
 };
 
 ItemTable.defaultProps = {
+    /** The items to display in the table. */
     "items": [],
+    /** A state variable determining whether a row can be selected or not. */
     "rowCanBeSelected": true
 };