diff options
Diffstat (limited to 'src/components/NavBar.tsx')
-rw-r--r-- | src/components/NavBar.tsx | 16 |
1 files changed, 5 insertions, 11 deletions
diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx index 2cf1b31..68fc706 100644 --- a/src/components/NavBar.tsx +++ b/src/components/NavBar.tsx @@ -1,14 +1,8 @@ import { useContext } from 'react'; import { Link } from 'react-router-dom'; -import AppBar from '@mui/material/AppBar'; -import Box from '@mui/material/Box'; -import Button from '@mui/material/Button'; -import IconButton from '@mui/material/IconButton'; +import { AppBar, Box, Button, IconButton, Stack, Toolbar, Typography } from '@mui/material'; import DarkModeIcon from '@mui/icons-material/DarkMode'; import LightModeIcon from '@mui/icons-material/LightMode'; -import Stack from '@mui/material/Stack'; -import Toolbar from '@mui/material/Toolbar'; -import Typography from '@mui/material/Typography'; import { useTheme } from '@mui/material/styles'; import { ThemeContext } from '../ThemeContextProvider'; @@ -19,7 +13,7 @@ function NavBar({ mode }) { const pages = [ { name: 'Schedule', to: '/schedule'}, - { name: 'RSVP', to: '/rsvp' }, + { name: 'RSVP', to: '/guest-login' }, { name: 'Registry', to: '/registry' }, { name: 'Admin', to: '/admin' } ]; @@ -38,8 +32,8 @@ function NavBar({ mode }) { </Typography> <Stack direction="row" sx={{ marginLeft: 'auto' }}> {pages.map(page => ( - <Button color="inherit" component={Link} to={page.to} key={page.name}> - {page.name} + <Button color="inherit" component={Link} to={page?.to} key={page?.name}> + {page?.name} </Button> ))} <IconButton color="inherit" onClick={toggleColorMode}> @@ -49,6 +43,6 @@ function NavBar({ mode }) { </Toolbar> </AppBar> ); -}; +} export default NavBar; |