Updated dark mode

ECN · Oct 19, 2020 · a021813 · a021813
1 parent c4a28a3
commit a021813
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git 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
@@ -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 = {