From a021813d882caf5e33e82d08fd60e65da99e4f62 Mon Sep 17 00:00:00 2001
From: Christian Thomas Elfreich <celfreic@w2vm3.ecn.purdue.edu>
Date: Mon, 19 Oct 2020 13:10:39 -0400
Subject: [PATCH] Updated dark mode

---
 src/App.js                                        | 2 +-
 src/components/ItemTableAppBar/ItemTableAppBar.js | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/App.js b/src/App.js
index e1736f0..351f068 100644
--- a/src/App.js
+++ b/src/App.js
@@ -66,7 +66,7 @@ function App() {
 			<Box display="flex">
 
 				<Box className={classes.leftCol}>
-					<ItemTableAppBar title="webqueue2" darkMode={darkMode} setDarkMode={setDarkMode} />
+					<ItemTableAppBar title="webqueue2" setDarkMode={setDarkMode} />
 					<ItemTable items={itemQueue} />
 				</Box>
 
diff --git a/src/components/ItemTableAppBar/ItemTableAppBar.js b/src/components/ItemTableAppBar/ItemTableAppBar.js
index 143e097..86431ff 100644
--- a/src/components/ItemTableAppBar/ItemTableAppBar.js
+++ b/src/components/ItemTableAppBar/ItemTableAppBar.js
@@ -5,7 +5,7 @@ import DarkModeIcon from '@material-ui/icons/Brightness4';
 import LightModeIcon from '@material-ui/icons/Brightness7';
 
 
-export default function ItemTableAppBar({ title, darkMode, setDarkMode }){
+export default function ItemTableAppBar({ title, setDarkMode }){
 
 	const theme = useTheme();
 	const useStyles = makeStyles((theme) => ({
@@ -17,6 +17,7 @@ export default function ItemTableAppBar({ title, darkMode, setDarkMode }){
 		},
 	}));
 	const classes = useStyles(theme);
+	const darkMode = theme.palette.type === "dark"
 
 	const toggleDarkMode = () => setDarkMode(!darkMode);
 
@@ -48,8 +49,6 @@ ItemTableAppBar.propTypes = {
 	"title": PropTypes.string,
 	/** Function to toggle darkMode. */
 	"setDarkMode": PropTypes.func.isRequired,
-	/** State variable for darkMode */
-	"darkMode": PropTypes.bool.isRequired
 };
 
 ItemTableAppBar.defaultProps = {