sidebar name

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'>