Fix ItemTable props/state issues causing failure to render

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)}>

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
 };