footer

src/langs/fa.json

@@ -234,7 +234,9 @@
     "other_services": "سایر سرویس ها",
     "my_services": "سرویس های من",
     "announcements": "اطلاعیه ها",
-    "tickets": "تیکت ها"
+    "tickets": "تیکت ها",
+    "customers": "مشتریان",
+    "receipts": "صورت حساب ها"
   },
   "ticket": {
     "tickets": "تیکت ها",

src/router/Main.tsx

@@ -84,7 +84,7 @@ const MainRouter: FC = () => {
                 <div className={clx(
                     `overflow-auto w-[${window.innerWidth}] max-h-[calc(100vh-113px)]`,
                 )}>
-                    <div>
+                    <div className='pb-20'>
                         <Routes>
                             <Route path={Pages.dashboard} element={<Home />} />
                             <Route path={Pages.services.mine} element={<MyServices />} />

src/shared/Footer.tsx

@@ -1,4 +1,4 @@
-import { Element3, Element4, Home2, Messages3, NotificationStatus } from 'iconsax-react'
+import { Home2, Messages3, NotificationStatus, People, Receipt21 } from 'iconsax-react'
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Pages } from '../config/Pages'
@@ -23,29 +23,29 @@ const Footer: FC = () => {
                         </div>
                     </div>
                 </Link>
-                <Link to={Pages.services.other}>
+                <Link to={Pages.customer.list}>
                     <div className='text-description w-[70px] flex flex-col items-center gap-1.5'>
-                        <Element4
+                        <People
                             className='size-5'
                             color='#8C90A3'
                         />
                         <div className='text-[10px]'>
-                            {t('footer.other_services')}
+                            {t('footer.customers')}
                         </div>
                     </div>
                 </Link>
-                <Link to={Pages.services.mine}>
+                <Link to={Pages.receipts.index}>
                     <div className='text-description w-[70px] flex flex-col items-center gap-1.5'>
                         <div className='bg-white p-1 rounded-full -mt-7'>
                             <div className='bg-black flex justify-center items-center size-10 rounded-full'>
-                                <Element3
+                                <Receipt21
                                     className='size-5'
                                     color='white'
                                 />
                             </div>
                         </div>
                         <div className='text-[10px] '>
-                            {t('footer.my_services')}
+                            {t('footer.receipts')}
                         </div>
                     </div>
                 </Link>