sidebar name

src/langs/fa.json

@@ -70,7 +70,8 @@
     "logout": "خروج",
     "card": "حساب های بانکی",
     "payments": "پرداخت ها",
-    "sliders": "اسلایدر"
+    "sliders": "اسلایدر",
+    "support": "پلن پشتیبانی"
   },
   "slider": {
     "new_slider": "اسلایدر جدید",
@@ -783,6 +784,7 @@
     "price": "قیمت",
     "duration": "مدت",
     "features": "ویژگی ها",
-    "actions": "عملیات"
+    "actions": "عملیات",
+    "new_plan": "پلن جدید"
   }
 }

src/pages/support/List.tsx

@@ -3,10 +3,11 @@ import { useGetPlans } from './hooks/useSupportData'
 import { useTranslation } from 'react-i18next'
 import Td from '../../components/Td'
 import { NumberFormat } from '../../config/func'
-import { Edit } from 'iconsax-react'
+import { Add, Edit } from 'iconsax-react'
 import { Link } from 'react-router-dom'
 import { Pages } from '../../config/Pages'
 import Delete from './components/Delete'
+import Button from '../../components/Button'
 const SupportList: FC = () => {
 
     const { t } = useTranslation('global')
@@ -18,6 +19,19 @@ const SupportList: FC = () => {
                 <div>
                     {t('support.plans')}
                 </div>
+
+                <Link to={Pages.support.create}>
+                    <Button
+                        className='w-fit px-6'
+                    >
+                        <div className='flex gap-2 items-center'>
+                            <Add size={20} color='white' />
+                            <div>
+                                {t('support.new_plan')}
+                            </div>
+                        </div>
+                    </Button>
+                </Link>
             </div>
 
             <div className='relative overflow-x-auto rounded-3xl mt-9 w-full'>