From 8f03247181ced7cff7d5f6e5f73c3af5cd7401ed Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Tue, 25 Nov 2025 16:25:45 +0330
Subject: [PATCH] add food on sidebar

---
 src/shared/SideBar.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/shared/SideBar.tsx b/src/shared/SideBar.tsx
index a194759..d48d16d 100644
--- a/src/shared/SideBar.tsx
+++ b/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 { DocumentText, Home2, Logout, Message, NotificationStatus, People, Setting2, TicketDiscount, Chart, Calendar, Security, Card, SecurityUser, TruckFast } from 'iconsax-react'
+import { DocumentText, Home2, Logout, Message, NotificationStatus, People, Setting2, TicketDiscount, Chart, Calendar, Security, Card, SecurityUser, TruckFast, Element3 } from 'iconsax-react'
 import SideBarItem from './SideBarItem'
 import { useLocation } from 'react-router-dom'
 import { Pages } from '../config/Pages'
@@ -42,7 +42,7 @@ const SideBar: FC = () => {
     return (
         <>
             {
-                openSidebar && <div className='fixed top-0 left-0 right-0 bottom-0 bg-black bg-opacity-50 z-10' onClick={() => setOpenSidebar(false)} />
+                openSidebar && <div className='fixed top-0 left-0 right-0 bottom-0 bg-black/50 z-10' onClick={() => setOpenSidebar(false)} />
             }
             <div
                 className={clx(
@@ -76,6 +76,15 @@ const SideBar: FC = () => {
                             link={Pages.dashboard}
                             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}
+                            activeName='foods'
+                        />
+
                         <SideBarItem
                             icon={<Calendar variant={isActive('schedule') ? 'Bold' : 'Outline'} color={isActive('schedule') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
                             title={t('sidebar.schedule')}