1 files changed, 7 insertions, 6 deletions
diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index a4b46c8..2cf1b31 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -1,4 +1,4 @@
-import { useContext, useMemo } from 'react';
+import { useContext } from 'react';
 import { Link } from 'react-router-dom';
 import AppBar from '@mui/material/AppBar';
 import Box from '@mui/material/Box';
@@ -15,12 +15,13 @@ import { ThemeContext } from '../ThemeContextProvider';
 
 function NavBar({ mode }) {
   const theme = useTheme();
-  const { switchColorMode } = useContext(ThemeContext);
+  const { toggleColorMode } = useContext(ThemeContext);
 
   const pages = [
     { name: 'Schedule', to: '/schedule'},
     { name: 'RSVP', to: '/rsvp' },
-    { name: 'Registry', to: '/registry' }
+    { name: 'Registry', to: '/registry' },
+    { name: 'Admin', to: '/admin' }
   ];
 
   return (
@@ -36,18 +37,18 @@ function NavBar({ mode }) {
           Madison and Michael's Wedding
         </Typography>
         <Stack direction="row" sx={{ marginLeft: 'auto' }}>
-          {pages.map((page) => (
+          {pages.map(page => (
             <Button color="inherit" component={Link} to={page.to} key={page.name}>
               {page.name}
             </Button>
           ))}
-          <IconButton color="inherit" onClick={switchColorMode}>
+          <IconButton color="inherit" onClick={toggleColorMode}>
             {theme.palette.mode === 'dark' ? <DarkModeIcon /> : <LightModeIcon />}
           </IconButton>
         </Stack>
       </Toolbar>
     </AppBar>
   );
-}
+};
 
 export default NavBar;