empty page

src/App.tsx

@@ -61,7 +61,6 @@ const queryClient = new QueryClient({
           try {
             const refreshTokenValue = await getRefreshToken();
             const { data } = await refreshToken({ refreshToken: refreshTokenValue || '' });
-            console.log('data', data);
 
             if (data?.accessToken?.token) {
               // Save the new token

src/langs/fa.json

@@ -463,5 +463,11 @@
     "status": "وضعیت",
     "active": "فعال",
     "deactive": "غیرفعال"
+  },
+  "empty": {
+    "empty_my_service": "سرویسی یافت نشد.",
+    "add_service": "افزودن سرویس",
+    "empty_discount": "تخفیفی یافت نشد.",
+    "my_services": "سرویس های من"
   }
 }

src/pages/discounts/List.tsx

@@ -5,6 +5,7 @@ import Td from '../../components/Td'
 import { useTranslation } from 'react-i18next'
 import { DiscountItemType } from './types/DiscountTypes'
 import moment from 'moment-jalaali'
+import EmptyDiscount from './components/EmptyDiscount'
 
 const MyDiscountList: FC = () => {
 
@@ -17,6 +18,7 @@ const MyDiscountList: FC = () => {
                 getDiscounts.isPending ?
                     <PageLoading />
                     :
+                    getDiscounts.data?.data?.discounts?.length > 0 ?
                         <div className='relative overflow-x-auto rounded-3xl mt-9 w-full'>
                             <table className='w-full text-sm '>
                                 <thead className='thead'>
@@ -33,6 +35,7 @@ const MyDiscountList: FC = () => {
                                 </thead>
                                 <tbody>
                                     {
+
                                         getDiscounts.data?.data?.discounts?.map((item: DiscountItemType, index: number) => {
                                             return (
                                                 <tr key={item.id} className='tr'>
@@ -53,6 +56,8 @@ const MyDiscountList: FC = () => {
                                 </tbody>
                             </table>
                         </div>
+                        :
+                        <EmptyDiscount />
             }
         </div>
     )

src/pages/discounts/components/EmptyDiscount.tsx

@@ -0,0 +1,33 @@
+import { FC } from 'react'
+import empty from '../../../assets/images/discount_empty_icon.png'
+import { useTranslation } from 'react-i18next'
+import Button from '../../../components/Button'
+import { Add } from 'iconsax-react'
+import { Link } from 'react-router-dom'
+import { Pages } from '../../../config/Pages'
+
+const EmptyDiscount: FC = () => {
+    const { t } = useTranslation('global')
+    return (
+        <div className='bg-white xl:p-8 p-4 rounded-3xl w-full'>
+            <div className='flex flex-col items-center justify-center'>
+                <img src={empty} alt='empty' className='w-[85px]' />
+                <div className='mt-6 text-xs'>
+                    {t('empty.empty_discount')}
+                </div>
+                <Link to={Pages.services.mine} className='mt-6'>
+                    <Button
+                        className='w-full px-4'
+                    >
+                        <div className='flex items-center gap-2'>
+                            <Add size={20} color='white' />
+                            {t('empty.my_services')}
+                        </div>
+                    </Button>
+                </Link>
+            </div>
+        </div>
+    )
+}
+
+export default EmptyDiscount

src/pages/service/MyServices.tsx

@@ -8,6 +8,7 @@ import { AdsDisplayLocation } from '../ads/types/AdsTypes'
 import { Helmet } from 'react-helmet-async'
 import ServiceItemSkeleton from './components/ServiceItemSkeleton'
 import ServiceItem from '../../components/ServiceItem'
+import EmptyMyService from './components/EmptyMyService'
 
 const MyServices: FC = () => {
 
@@ -55,6 +56,7 @@ const MyServices: FC = () => {
                         getServices.isPending ?
                             Array.from({ length: 4 }).map((_, index) => <ServiceItemSkeleton key={index} />)
                             :
+                            getServices.data?.data?.subscriptions?.length > 0 ?
                                 getServices.data?.data?.subscriptions?.map((item: MyServicesItem) => {
                                     return (
                                         <ServiceItem
@@ -66,6 +68,8 @@ const MyServices: FC = () => {
                                         />
                                     )
                                 })
+                                :
+                                <EmptyMyService />
                     }
                     <div className='flex-1 min-w-[40%] xl:min-w-[20%] px-6'></div>
                     <div className='flex-1 min-w-[40%] xl:min-w-[20%] px-6'></div>

src/pages/service/components/EmptyMyService.tsx

@@ -0,0 +1,33 @@
+import { FC } from 'react'
+import empty from '../../../assets/images/myservices_empty_icon.png'
+import { useTranslation } from 'react-i18next'
+import Button from '../../../components/Button'
+import { Add } from 'iconsax-react'
+import { Link } from 'react-router-dom'
+import { Pages } from '../../../config/Pages'
+
+const EmptyMyService: FC = () => {
+    const { t } = useTranslation('global')
+    return (
+        <div className='bg-white xl:p-8 p-4 rounded-3xl w-full'>
+            <div className='flex flex-col items-center justify-center'>
+                <img src={empty} alt='empty' className='w-[85px]' />
+                <div className='mt-6 text-xs'>
+                    {t('empty.empty_my_service')}
+                </div>
+                <Link to={Pages.services.other} className='mt-6'>
+                    <Button
+                        className='w-full px-4'
+                    >
+                        <div className='flex items-center gap-2'>
+                            <Add size={20} color='white' />
+                            {t('empty.add_service')}
+                        </div>
+                    </Button>
+                </Link>
+            </div>
+        </div>
+    )
+}
+
+export default EmptyMyService