sidebar items

src/config/Paths.tsx

@@ -18,7 +18,10 @@ export const Paths = {
     },
     home: '/home',
     myOrders: '/my-orders',
-    proformaInvoice: '/proforma-invoice',
+    perfomaInvoice: {
+        list: '/perfoma-invoice/list',
+        detail: '/perfoma-invoice/'
+    },
     newOrder: '/new-order',
     orderDetails: '/order/',
     tickets: {

src/router/MainRouter.tsx

@@ -24,7 +24,7 @@ const MainRouter: FC = () => {
                         <Routes>
                             <Route path="/" element={<Home />} />
                             <Route path={Paths.home} element={<Home />} />
-                            <Route path={Paths.proformaInvoice} element={<ProformaInvoice />} />
+                            <Route path={Paths.perfomaInvoice.list} element={<ProformaInvoice />} />
 
                             <Route path={Paths.requests.list} element={<RequestList />} />
                             <Route path={Paths.product.list} element={<ProductList />} />

src/shared/Sidebar.tsx

@@ -1,6 +1,6 @@
 import { type FC } from 'react'
 import LogoImage from '@/assets/images/logo.svg'
-import { AddSquare, DocumentText, Element3, Home2, Messages3, NotificationStatus, Receipt21, Teacher } from 'iconsax-react'
+import { AddSquare, DocumentText, Element3, ElementEqual, Home2, Messages3, MessageText, NotificationStatus, People, Profile2User, Receipt21, Teacher } from 'iconsax-react'
 import SideBarItem from './SidebarItem'
 import { useLocation } from 'react-router-dom'
 import { Paths } from '../config/Paths'
@@ -50,18 +50,39 @@ const SideBar: FC = () => {
                             link={Paths.home}
                         />
 
+                        <SideBarItem
+                            icon={<MessageText size={iconSizeSideBar} color='#4F5260' />}
+                            title={'درخواست ها'}
+                            isActive={isActive('requests')}
+                            link={Paths.requests.list}
+                        />
+
                         <SideBarItem
                             icon={<Element3 size={iconSizeSideBar} color='#4F5260' />}
-                            title={t('sidebar.myOrders')}
-                            isActive={isActive('/my-orders')}
-                            link={Paths.myOrders}
+                            title={'سفارشات'}
+                            isActive={isActive('order')}
+                            link={Paths.order.list}
                         />
 
                         <SideBarItem
                             icon={<Receipt21 size={iconSizeSideBar} color='#4F5260' />}
-                            title={t('sidebar.preFactors')}
+                            title={'پیش فاکتور'}
                             isActive={isActive('/proforma-invoice')}
-                            link={Paths.proformaInvoice}
+                            link={Paths.perfomaInvoice.list}
+                        />
+
+                        <SideBarItem
+                            icon={<ElementEqual size={iconSizeSideBar} color='#4F5260' />}
+                            title={'محصولات'}
+                            isActive={isActive('product')}
+                            link={Paths.product.list}
+                        />
+
+                        <SideBarItem
+                            icon={<People size={iconSizeSideBar} color='#4F5260' />}
+                            title={'مشتریان'}
+                            isActive={isActive('customer')}
+                            link={'Paths.'}
                         />
 
                     </div>
@@ -71,6 +92,14 @@ const SideBar: FC = () => {
                     </div>
 
                     <div className='mt-3'>
+
+                        <SideBarItem
+                            icon={<Profile2User size={iconSizeSideBar} color='#4F5260' />}
+                            title={'کاربران'}
+                            isActive={isActive('/tickets')}
+                            link={Paths.tickets.list}
+                        />
+
                         <SideBarItem
                             icon={<Messages3 size={iconSizeSideBar} color='#4F5260' />}
                             title={t('sidebar.tickets')}