diff options
Diffstat (limited to 'src/components/NavBar.tsx')
-rw-r--r-- | src/components/NavBar.tsx | 13 |
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; |