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;