From e290a043929f6c13178a4ca00335ff2de723469c Mon Sep 17 00:00:00 2001
From: Justin Campbell <campb303@w2vm4.ecn.purdue.edu>
Date: Thu, 22 Oct 2020 21:15:53 -0400
Subject: [PATCH] Use Paper for container Box and correct ItemTable props

---
 src/App.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.js b/src/App.js
index be33935..9999793 100644
--- a/src/App.js
+++ b/src/App.js
@@ -59,11 +59,11 @@ function App() {
 	return (
 
 		<ThemeProvider theme={theme}>
-			<Box display="flex">
+			<Box component={Paper} display="flex" square elevation={0}>
 
 				<Box className={classes.leftCol}>
 					<ItemTableAppBar title="webqueue2" setDarkMode={setDarkMode} />
-					<ItemTable setActiveItem={setActiveItem} setSideBarOpen={setSidebarOpen} />
+					<ItemTable data={items} onRowClick={ _ => console.log("Clicked!") }/>
 				</Box>
 
 				<Box className={clsx(classes.rightCol, sidebarOpen && classes.rightColShift)}>
@@ -86,7 +86,7 @@ function App() {
 								return (
 									<>
 										<ItemViewAppBar title={activeItem["queue"] + " " + activeItem["number"]} setSidebarOpen={setSidebarOpen} />
-										{/* <ItemView activeItem={activeItem} /> */}
+										<ItemView activeItem={activeItem} />
 									</>
 								);
 							}
@@ -94,7 +94,7 @@ function App() {
 						/>
 					}
 				</Box>
-			</Paper>
+			</Box>
 		</ThemeProvider>
 	);
 }