chore(web): new lint setup (#30020)

Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
This commit is contained in:
Stephen Zhou
2025-12-23 16:58:55 +08:00
committed by GitHub
parent 9701a2994b
commit f2842da397
3356 changed files with 85046 additions and 81278 deletions

View File

@ -1,9 +1,9 @@
import { useProviderContext } from '@/context/provider-context'
import type { FC } from 'react'
import { useTranslation } from 'react-i18next'
import {
RiGraduationCapFill,
} from '@remixicon/react'
import { useTranslation } from 'react-i18next'
import { useProviderContext } from '@/context/provider-context'
import { SparklesSoft } from '../../base/icons/src/public/common'
import PremiumBadge from '../../base/premium-badge'
import { Plan } from '../../billing/type'
@ -19,44 +19,53 @@ const PlanBadge: FC<PlanBadgeProps> = ({ plan, allowHover, sandboxAsUpgrade = fa
const { isFetchedPlan, isEducationWorkspace } = useProviderContext()
const { t } = useTranslation()
if (!isFetchedPlan) return null
if (!isFetchedPlan)
return null
if (plan === Plan.sandbox && sandboxAsUpgrade) {
return <PremiumBadge className='select-none' color='blue' allowHover={allowHover} onClick={onClick}>
<SparklesSoft className='flex h-3.5 w-3.5 items-center py-[1px] pl-[3px] text-components-premium-badge-indigo-text-stop-0' />
<div className='system-xs-medium'>
<span className='whitespace-nowrap p-1'>
{t('billing.upgradeBtn.encourageShort')}
</span>
</div>
</PremiumBadge>
return (
<PremiumBadge className="select-none" color="blue" allowHover={allowHover} onClick={onClick}>
<SparklesSoft className="flex h-3.5 w-3.5 items-center py-[1px] pl-[3px] text-components-premium-badge-indigo-text-stop-0" />
<div className="system-xs-medium">
<span className="whitespace-nowrap p-1">
{t('billing.upgradeBtn.encourageShort')}
</span>
</div>
</PremiumBadge>
)
}
if (plan === Plan.sandbox) {
return <PremiumBadge className='select-none' size='s' color='gray' allowHover={allowHover} onClick={onClick}>
<div className='system-2xs-medium-uppercase'>
<span className='p-1'>
{plan}
</span>
</div>
</PremiumBadge>
return (
<PremiumBadge className="select-none" size="s" color="gray" allowHover={allowHover} onClick={onClick}>
<div className="system-2xs-medium-uppercase">
<span className="p-1">
{plan}
</span>
</div>
</PremiumBadge>
)
}
if (plan === Plan.professional) {
return <PremiumBadge className='select-none' size='s' color='blue' allowHover={allowHover} onClick={onClick}>
<div className='system-2xs-medium-uppercase'>
<span className='inline-flex items-center gap-1 p-1'>
{isEducationWorkspace && <RiGraduationCapFill className='h-3 w-3' />}
pro
</span>
</div>
</PremiumBadge>
return (
<PremiumBadge className="select-none" size="s" color="blue" allowHover={allowHover} onClick={onClick}>
<div className="system-2xs-medium-uppercase">
<span className="inline-flex items-center gap-1 p-1">
{isEducationWorkspace && <RiGraduationCapFill className="h-3 w-3" />}
pro
</span>
</div>
</PremiumBadge>
)
}
if (plan === Plan.team) {
return <PremiumBadge className='select-none' size='s' color='indigo' allowHover={allowHover} onClick={onClick}>
<div className='system-2xs-medium-uppercase'>
<span className='p-1'>
{plan}
</span>
</div>
</PremiumBadge>
return (
<PremiumBadge className="select-none" size="s" color="indigo" allowHover={allowHover} onClick={onClick}>
<div className="system-2xs-medium-uppercase">
<span className="p-1">
{plan}
</span>
</div>
</PremiumBadge>
)
}
return null
}