up

src/shared/Sidebar.tsx

@@ -23,11 +23,14 @@ import { Paths } from '../config/Paths';
 import { useSharedStore } from './store/useSharedStore';
 import { clx } from '../helpers/utils';
 import { t } from '../locale';
+import { useGetDashboardCounts } from '@/pages/dashboard/hooks/useDashboardData';
 
 const SideBar: FC = () => {
 
   const { openSidebar, setOpenSidebar } = useSharedStore();
   const location = useLocation();
+  const { data: dashboardCounts } = useGetDashboardCounts();
+  const counts = dashboardCounts?.data;
 
   const isActive = (name: string) => {
     return location.pathname.includes(name);
@@ -68,19 +71,12 @@ const SideBar: FC = () => {
             />
 
             <SideBarItem
-              icon={<ElementEqual size={iconSizeSideBar} color="#4F5260" />}
-              title={'محصولات'}
-              isActive={isActive('product')}
-              link={Paths.product.list}
-              activeName='manage_products'
-            />
-
-            <SideBarItem
-              icon={<MessageText size={iconSizeSideBar} color="#4F5260" />}
-              title={'درخواست ها'}
-              isActive={isActive('requests')}
-              link={Paths.requests.list}
-              activeName='view_requests'
+              icon={<Element3 size={iconSizeSideBar} color="#4F5260" />}
+              title={'سفارشات'}
+              isActive={isActive('order')}
+              link={Paths.order.list}
+              activeName={['view_orders', 'view_assigned_orders']}
+              badge={counts?.ordersCount}
             />
 
             <SideBarItem
@@ -89,6 +85,16 @@ const SideBar: FC = () => {
               isActive={isActive('/invoice')}
               link={Paths.perfomaInvoice.list}
               activeName='view_invoices'
+              badge={counts?.invoicesCount}
+            />
+            
+            <SideBarItem
+              icon={<MessageText size={iconSizeSideBar} color="#4F5260" />}
+              title={'درخواست ها'}
+              isActive={isActive('requests')}
+              link={Paths.requests.list}
+              activeName='view_requests'
+              badge={counts?.requestsCount}
             />
 
             <SideBarItem
@@ -97,15 +103,10 @@ const SideBar: FC = () => {
               isActive={isActive('/payments')}
               link={Paths.payments.list}
               activeName='manage_payments'
+              badge={counts?.paymentsCount}
             />
 
-            <SideBarItem
-              icon={<Element3 size={iconSizeSideBar} color="#4F5260" />}
-              title={'سفارشات'}
-              isActive={isActive('order')}
-              link={Paths.order.list}
-              activeName={['view_orders', 'view_assigned_orders']}
-            />
+
 
 
 
@@ -140,6 +141,14 @@ const SideBar: FC = () => {
               link={Paths.role.list}
               activeName='manage_roles'
             />
+
+            <SideBarItem
+              icon={<ElementEqual size={iconSizeSideBar} color="#4F5260" />}
+              title={'محصولات'}
+              isActive={isActive('product')}
+              link={Paths.product.list}
+              activeName='manage_products'
+            />
           </div>
 
           <div className="mt-10 px-6 text-description text-sm font-bold">{t('sidebar.other')}</div>