plan info

src/pages/support/Support.tsx

@@ -3,7 +3,7 @@ import { Helmet } from 'react-helmet-async'
 import { useTranslation } from 'react-i18next'
 import SidebarHint from './components/SidebarHint'
 import SupportImage from '../../assets/images/support.png'
-import { Building, CloseCircle, Component, Crown, TickCircle } from 'iconsax-react'
+import { ArrowLeft, Building, CloseCircle, Component, Crown, TickCircle } from 'iconsax-react'
 import Tabs from '../../components/Tabs'
 import { useGetSupportPlans } from './hooks/useSupportData'
 import { NumberFormat } from '../../config/func'
@@ -12,6 +12,8 @@ import SupportSkeleton from './components/SupportSkeleton'
 import SupportIcon from './components/SupportIcon'
 import { SupportPlanFeatureKey } from './enum/SupportEnum'
 import BuyPlan from './components/BuyPlan'
+import { Link } from 'react-router-dom'
+import { Pages } from '../../config/Pages'
 
 const Support: FC = () => {
     const { data, isLoading } = useGetSupportPlans()
@@ -36,8 +38,15 @@ const Support: FC = () => {
                     داناک | {t('support.title')}
                 </title>
             </Helmet>
-            <div>
+            <div className='flex justify-between items-center'>
                 {t('support.title')}
+
+                <Link to={Pages.support.info}>
+                    <div className='flex gap-2 items-center'>
+                        <div className='text-sm'>بیشتر بدانید</div>
+                        <ArrowLeft size={18} color='#000' />
+                    </div>
+                </Link>
             </div>
 
             <div className='xl:hidden mt-5'>
@@ -142,8 +151,8 @@ const Support: FC = () => {
                                         <div className='text-center mb-6'>
                                             <div className='font-bold text-lg'>{plan.name}</div>
                                             <div className='text-sm text-[#595C67] mt-2'>سالیانه</div>
-                                            <div className='font-bold text-sm mt-1'>{NumberFormat(plan.price)}</div>
-                                            <div className='mt-1 text-sm'>تومان</div>
+                                            <div className='font-bold text-sm mt-1'>{plan.price === 0 ? 'رایگان' : NumberFormat(plan.price)}</div>
+                                            <div className='mt-1 text-sm'>{plan.price === 0 ? ' ' : 'تومان'}</div>
                                             <BuyPlan
                                                 id={plan.id}
                                             />