stats + services

src/pages/home/components/Stats.tsx

@@ -4,8 +4,12 @@ import { t } from '@/locale'
 import { BoxTick, BoxTime, ReceiptText, TruckTick } from 'iconsax-react'
 import { type FC } from 'react'
 import StatCard from './StatCard'
+import { useGetOrderStats } from '@/pages/order/hooks/useOrderData'
 
 const Stats: FC = () => {
+
+    const { data } = useGetOrderStats();
+
     return (
         <GridWrapper
             desktop={4}
@@ -15,7 +19,7 @@ const Stats: FC = () => {
             className='mt-5'
         >
             <StatCard
-                count={2}
+                count={data?.data.requestsCount}
                 description={t('home.requestCount')}
                 icon={<BoxTime
                     size={27}
@@ -23,7 +27,7 @@ const Stats: FC = () => {
                 />}
             />
             <StatCard
-                count={2}
+                count={data?.data.invoicesCount}
                 description={t('home.factureCount')}
                 icon={<ReceiptText
                     size={27}
@@ -31,7 +35,7 @@ const Stats: FC = () => {
                 />}
             />
             <StatCard
-                count={10}
+                count={data?.data.inProgressOrdersCount}
                 description={t('home.orderCount')}
                 icon={<BoxTick
                     size={27}
@@ -39,7 +43,7 @@ const Stats: FC = () => {
                 />}
             />
             <StatCard
-                count={20}
+                count={data?.data.completedOrdersCount}
                 description={t('home.orderDoneCount')}
                 icon={<TruckTick
                     size={27}