This commit is contained in:
hamid zarghami
2025-05-07 11:55:16 +03:30
parent 066ba6d0d8
commit afc033e9e8
+4 -4
View File
@@ -3,7 +3,7 @@ import { Helmet } from 'react-helmet-async'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import SidebarHint from './components/SidebarHint' import SidebarHint from './components/SidebarHint'
import SupportImage from '../../assets/images/support.png' import SupportImage from '../../assets/images/support.png'
import { CloseCircle, Document, Element3, TickCircle } from 'iconsax-react' import { Building, CloseCircle, Component, Crown, TickCircle } from 'iconsax-react'
import Tabs from '../../components/Tabs' import Tabs from '../../components/Tabs'
import { useGetSupportPlans } from './hooks/useSupportData' import { useGetSupportPlans } from './hooks/useSupportData'
import { NumberFormat } from '../../config/func' import { NumberFormat } from '../../config/func'
@@ -42,8 +42,8 @@ const Support: FC = () => {
<div className='xl:hidden mt-5'> <div className='xl:hidden mt-5'>
<Tabs <Tabs
items={data?.data?.supportPlans?.map((plan: PlanItemType) => ({ items={data?.data?.supportPlans?.map((plan: PlanItemType, index: number) => ({
icon: <Element3 color={activeTab === plan.id ? 'black' : '#8C90A3'} size={22} />, icon: index === 0 ? <Component color={activeTab === plan.id ? 'black' : '#8C90A3'} size={22} /> : index === 1 ? <Crown color={activeTab === plan.id ? 'black' : '#8C90A3'} size={22} /> : <Building color={activeTab === plan.id ? 'black' : '#8C90A3'} size={22} />,
label: plan.name, label: plan.name,
value: plan.id value: plan.id
}))} }))}
@@ -154,7 +154,7 @@ const Support: FC = () => {
<div className='flex items-center justify-between p-4 bg-gray-50 rounded-xl'> <div className='flex items-center justify-between p-4 bg-gray-50 rounded-xl'>
<div className='flex items-center gap-2'> <div className='flex items-center gap-2'>
<div className='size-8 rounded-2.5 bg-[#EEF0F7] flex items-center justify-center'> <div className='size-8 rounded-2.5 bg-[#EEF0F7] flex items-center justify-center'>
<Document size={16} color='#595C67' variant='Bold' /> <SupportIcon keySupport={row.featureKey as SupportPlanFeatureKey} />
</div> </div>
<div className='text-xs'>{t(`support.${row.featureKey}`)}</div> <div className='text-xs'>{t(`support.${row.featureKey}`)}</div>
</div> </div>