diff --git a/src/App.tsx b/src/App.tsx index e3fee50..21d2f69 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -8,6 +8,8 @@ import { ToastContainer } from 'react-toastify'; import Home from './pages/home/Home'; import Register from './pages/register/Register'; +import Users from './pages/users/Users'; +import Faults from './pages/faults/Faults'; function App() { return ( @@ -18,7 +20,8 @@ function App() { } /> }> } /> - {/* } /> */} + } /> + } /> } /> } /> diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx index 05940b2..f2b4d6a 100644 --- a/src/components/sidebar/Sidebar.tsx +++ b/src/components/sidebar/Sidebar.tsx @@ -6,10 +6,11 @@ import ListItem from '@mui/material/ListItem'; import ListItemButton from '@mui/material/ListItemButton'; import ListItemIcon from '@mui/material/ListItemIcon'; import ListItemText from '@mui/material/ListItemText'; -import InboxIcon from '@mui/icons-material/MoveToInbox'; +import GroupIcon from '@mui/icons-material/Group'; import { FC, Fragment, KeyboardEvent, useState } from 'react'; import MenuIcon from '@mui/icons-material/Menu'; import GridViewIcon from '@mui/icons-material/GridView'; +import ConstructionIcon from '@mui/icons-material/Construction'; import { Divider } from '@mui/material'; import { useNavigate } from 'react-router-dom'; @@ -59,7 +60,7 @@ export const Sidebar: FC = ({ drawerWidth }) => { navigate('/')} + onClick={() => navigate(PrivateRoutes.USERS)} sx={{ '&:hover': { backgroundColor: 'rgba(0, 0, 0, 0.08)', @@ -67,15 +68,42 @@ export const Sidebar: FC = ({ drawerWidth }) => { }} > - {} + + + + + navigate(PrivateRoutes.FAULTS)} + sx={{ + '&:hover': { + backgroundColor: 'rgba(0, 0, 0, 0.08)', + }, + }} + > + + + + + + + + ); diff --git a/src/pages/faults/Faults.tsx b/src/pages/faults/Faults.tsx new file mode 100644 index 0000000..fb815c7 --- /dev/null +++ b/src/pages/faults/Faults.tsx @@ -0,0 +1,5 @@ +const Faults = () => { + return
Faults
; +}; + +export default Faults; diff --git a/src/pages/users/Users.tsx b/src/pages/users/Users.tsx new file mode 100644 index 0000000..75507ed --- /dev/null +++ b/src/pages/users/Users.tsx @@ -0,0 +1,5 @@ +const Users = () => { + return
Users
; +}; + +export default Users;