From 7e58aa0d3d2b94310e6a124d758f90d15eb8573e Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Wed, 7 May 2025 08:53:41 +0330
Subject: [PATCH] sidebar name

---
 src/langs/fa.json          |  6 ++++--
 src/pages/support/List.tsx | 16 +++++++++++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/langs/fa.json b/src/langs/fa.json
index 4fdb0ce..6745cb8 100644
--- a/src/langs/fa.json
+++ b/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": "پلن جدید"
   }
 }
diff --git a/src/pages/support/List.tsx b/src/pages/support/List.tsx
index df73e04..e8e1285 100644
--- a/src/pages/support/List.tsx
+++ b/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'>