Use Paper for container Box and correct ItemTable props

ECN · Oct 23, 2020 · e290a04 · e290a04
1 parent 5b72c6f
commit e290a04
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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,15 +86,15 @@ function App() {
 								return (
 									<>
 										<ItemViewAppBar title={activeItem["queue"] + " " + activeItem["number"]} setSidebarOpen={setSidebarOpen} />
-										{/* <ItemView activeItem={activeItem} /> */}
+										<ItemView activeItem={activeItem} />
 									</>
 								);
 							}
 							}
 						/>
 					}
 				</Box>
-			</Paper>
+			</Box>
 		</ThemeProvider>
 	);
 }