fix icon
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user