update sidebar with current pages

remove placeholders and add planner icon
Igalia · Jan 16, 2024 · f1c8f66 · f1c8f66
1 parent 656dd10
commit f1c8f66
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 23 deletions.
diff --git a/frontend/src/ui/Sidebar/Sidebar.tsx b/frontend/src/ui/Sidebar/Sidebar.tsx
@@ -4,12 +4,7 @@ import Stack from '@mui/joy/Stack'
 import Typography from '@mui/joy/Typography'
 import Box from '@mui/joy/Box'
 import Image from 'next/image'
-import {
-  TaskListSquareAdd24Filled,
-  Beach24Filled,
-  DataArea24Filled,
-  DataPie24Filled
-} from '@fluentui/react-icons'
+import { TaskListSquareAdd24Filled, DataPie24Filled } from '@fluentui/react-icons'
 import fullLogo from '@/assets/images/full_logo.png'
 import { styled } from '@mui/joy/styles'
 import Link from 'next/link'
@@ -74,21 +69,9 @@ export const Sidebar = ({ expanded, toggleSidebar }: SidebarProps) => {
             </NavLink>
           </Box>
           <Box component="li">
-            <NavLink href="/vacation">
-              <Beach24Filled color="white" />
-              <Typography textColor="white">Vacation Management</Typography>
-            </NavLink>
-          </Box>
-          <Box component="li">
-            <NavLink href="/reports">
-              <DataArea24Filled color="white" />
-              <Typography textColor="white">Reports</Typography>
-            </NavLink>
-          </Box>
-          <Box component="li">
-            <NavLink href="/data-managment">
+            <NavLink href="/planner">
               <DataPie24Filled color="white" />
-              <Typography textColor="white">Data Management</Typography>
+              <Typography textColor="white">Project Planner</Typography>
             </NavLink>
           </Box>
         </Stack>

diff --git a/frontend/src/ui/Sidebar/__tests__/Sidebar.test.tsx b/frontend/src/ui/Sidebar/__tests__/Sidebar.test.tsx
@@ -12,9 +12,7 @@ describe('Sidebar', () => {
     render(<Sidebar />)
 
     expect(screen.getByRole('link', { name: 'Tasks' })).toBeInTheDocument()
-    expect(screen.getByRole('link', { name: 'Vacation Management' })).toBeInTheDocument()
-    expect(screen.getByRole('link', { name: 'Reports' })).toBeInTheDocument()
-    expect(screen.getByRole('link', { name: 'Data Management' })).toBeInTheDocument()
+    expect(screen.getByRole('link', { name: 'Project Planner' })).toBeInTheDocument()
   })
 
   it('renders the dark-mode switch', () => {