notification + change call back and ...

src/pages/home/Home.tsx

@@ -10,7 +10,7 @@ import { Carousel } from "@material-tailwind/react";
 import { useGetAds } from '../ads/hooks/useAdsData'
 import { AdsDisplayLocation, AdsItemType } from '../ads/types/AdsTypes'
 import { Pages } from '../../config/Pages'
-import { useGetQuikAccess } from './hooks/useHomeData'
+import { useGetDashboardSummary, useGetQuikAccess } from './hooks/useHomeData'
 import { QuikAccessItemType } from './types/HomeTypes'
 import ServiceItem from '../../components/ServiceItem'
 import PageLoading from '../../components/PageLoading'
@@ -22,6 +22,7 @@ const Home: FC = () => {
     const { t } = useTranslation('global')
     const getAds = useGetAds(AdsDisplayLocation.HOMEPAGE_TOP)
     const getQuikAccess = useGetQuikAccess()
+    const getDashboard = useGetDashboardSummary()
 
     return (
         <Fragment>
@@ -29,7 +30,7 @@ const Home: FC = () => {
                 <title>داناک | پیشخوان</title>
             </Helmet>
             {
-                getAds.isPending || getQuikAccess.isPending ?
+                getAds.isPending || getQuikAccess.isPending || getDashboard.isPending ?
                     <div className='mt-5'>
                         <PageLoading />
                     </div>
@@ -78,7 +79,7 @@ const Home: FC = () => {
                                     title={t('home.myservice')}
                                     icon={<Element3 size={20} color='black' />}
                                     color='#00D16C'
-                                    count={4}
+                                    count={getDashboard.data?.data?.subscriptionCount}
                                     description={t('home.active_service')}
                                     link={Pages.services.mine}
                                 />
@@ -87,7 +88,7 @@ const Home: FC = () => {
                                     title={t('home.ticket')}
                                     icon={<Messages3 size={20} color='black' />}
                                     color='#FF7B00'
-                                    count={4}
+                                    count={getDashboard.data?.data?.ticketCount}
                                     description={t('home.unread_messages')}
                                     link={Pages.ticket.list}
                                 />
@@ -96,7 +97,7 @@ const Home: FC = () => {
                                     title={t('receip.receip')}
                                     icon={<Receipt21 size={20} color='black' />}
                                     color='#0047FF'
-                                    count={4}
+                                    count={getDashboard.data?.data?.invoiceCount}
                                     description={t('home.receip')}
                                     link={Pages.receipts.index}
                                 />
@@ -105,7 +106,7 @@ const Home: FC = () => {
                                     title={t('home.announcement')}
                                     icon={<NotificationStatus size={20} color='black' />}
                                     color='#FF0000'
-                                    count={4}
+                                    count={getDashboard.data?.data?.announcementCount}
                                     description={t('home.unread_announcement')}
                                     link={Pages.announcement.list}
                                 />

src/pages/home/hooks/useHomeData.ts

@@ -14,6 +14,13 @@ export const useGetQuikAccess = () => {
   });
 };
 
+export const useGetDashboardSummary = () => {
+  return useQuery({
+    queryKey: ["dashboard-summary"],
+    queryFn: () => api.getDashboardSummary(),
+  });
+};
+
 export const useRemoveQuikAccess = () => {
   return useMutation({
     mutationFn: (variables: string) => api.removeQuikAccess(variables),

src/pages/home/service/HomeService.ts

@@ -12,6 +12,11 @@ export const getQuikAccess = async () => {
   return data;
 };
 
+export const getDashboardSummary = async () => {
+  const { data } = await axios.get(`/dashboards/summary`);
+  return data;
+};
+
 export const removeQuikAccess = async (serviceId: string) => {
   const { data } = await axios.delete(
     `/subscriptions/${serviceId}/remove-quick-access`