fix: issue #497 move theme button

Greenstand · Mar 2, 2022 · dd2f7b5 · dd2f7b5
1 parent 550acd2
commit dd2f7b5
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
@@ -127,9 +127,8 @@ function Navbar() {
             <Typography className={classes.buttonStyle}>Contact Us</Typography>
           </Button>
         </Link>
+        <Button onClick={colorMode.toggleColorMode}>Theme</Button>
       </Toolbar>
-      {/* TEMPORARY BUTTON, SHOULD BE REMOVED */}
-      <Button onClick={colorMode.toggleColorMode}>Theme</Button>
       <Button
         className={classes.menuButton}
         aria-controls="basic-menu"
@@ -161,6 +160,9 @@ function Navbar() {
         <MenuItem onClick={handleClose}>Services</MenuItem>
         <MenuItem onClick={handleClose}>Blog</MenuItem>
         <MenuItem onClick={handleClose}>Contact Us</MenuItem>
+        <MenuItem onClick={handleClose} sx={{ paddingLeft: '10px' }}>
+          <Button onClick={colorMode.toggleColorMode}>Theme</Button>
+        </MenuItem>
       </Menu>
     </AppBar>
   );