list of schedules

src/shared/SideBar.tsx

@@ -2,7 +2,7 @@ import { type FC, useEffect } from 'react'
 import LogoImage from '../assets/images/logo.svg'
 import LogoSmall from '../assets/images/logo-small.svg'
 import { useTranslation } from 'react-i18next'
-import { Element3, DocumentText, Home2, Logout, Message, NotificationStatus, People, Setting2, TicketDiscount, Chart } from 'iconsax-react'
+import { DocumentText, Home2, Logout, Message, NotificationStatus, People, Setting2, TicketDiscount, Chart, Calendar } from 'iconsax-react'
 import SideBarItem from './SideBarItem'
 import { useLocation } from 'react-router-dom'
 import { Pages } from '../config/Pages'
@@ -77,13 +77,14 @@ const SideBar: FC = () => {
                             activeName=''
                         />
                         <SideBarItem
-                            icon={<Element3 variant={isActive('foods') ? 'Bold' : 'Outline'} color={isActive('foods') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
-                            title={t('sidebar.foods')}
-                            isActive={isActive('foods')}
-                            link={Pages.foods.list}
-                            name='foods'
-                            activeName='foods'
+                            icon={<Calendar variant={isActive('schedule') ? 'Bold' : 'Outline'} color={isActive('schedule') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
+                            title={t('sidebar.schedule')}
+                            isActive={isActive('schedule')}
+                            link={Pages.schedule.list}
+                            name='schedule'
+                            activeName='schedule'
                         />
+
                         <SideBarItem
                             icon={<DocumentText variant={isActive('orders') ? 'Bold' : 'Outline'} color={isActive('orders') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
                             title={t('sidebar.orders')}