import './styles/App.css';
import AppRoutes from './app/routes';
import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
import { SnackbarProvider } from 'notistack';
import { CssBaseline, ThemeProvider, createTheme } from '@mui/material';
<ThemeProvider theme={theme}>
<CssBaseline />
<SnackbarProvider maxSnack={3}>
- <Router>
- <AppRoutes />
- </Router>
+ <AppRoutes />
</SnackbarProvider>
</ThemeProvider>
);
const AppHeader = () => {
const navigate = useNavigate();
- const { user, logout } = useContext(AuthContext);
+ const { user, logout } = useContext(AuthContext) || {};
const navItems = [
{ label: 'Dashboard', path: '/', roles: ['User', 'Admin'] },
const Dashboard = () => {
const navigate = useNavigate();
- const { user } = useContext(AuthContext);
+ const { user } = useContext(AuthContext) || {};
const features = [
{ title: 'Messages', path: '/messages', description: 'View and send messages', roles: ['User', 'Admin'] },