diff --git a/web/app/components/billing/pricing/footer.tsx b/web/app/components/billing/pricing/footer.tsx
index 4e3cdfee3d..fd713eb3da 100644
--- a/web/app/components/billing/pricing/footer.tsx
+++ b/web/app/components/billing/pricing/footer.tsx
@@ -2,19 +2,29 @@ import React from 'react'
import Link from 'next/link'
import { useTranslation } from 'react-i18next'
import { RiArrowRightUpLine } from '@remixicon/react'
+import { type Category, CategoryEnum } from '.'
+import cn from '@/utils/classnames'
type FooterProps = {
pricingPageURL: string
+ currentCategory: Category
}
const Footer = ({
pricingPageURL,
+ currentCategory,
}: FooterProps) => {
const { t } = useTranslation()
return (
-
+
+ {currentCategory === CategoryEnum.CLOUD && (
+
+ {t('billing.plansCommon.taxTip')}
+ {t('billing.plansCommon.taxTipSecond')}
+
+ )}
void
@@ -25,7 +30,7 @@ const Pricing: FC = ({
const { plan } = useProviderContext()
const { isCurrentWorkspaceManager } = useAppContext()
const [planRange, setPlanRange] = React.useState(PlanRange.monthly)
- const [currentCategory, setCurrentCategory] = useState('cloud')
+ const [currentCategory, setCurrentCategory] = useState(CategoryEnum.CLOUD)
const canPay = isCurrentWorkspaceManager
useKeyPress(['esc'], onCancel)
@@ -57,7 +62,7 @@ const Pricing: FC = ({
planRange={planRange}
canPay={canPay}
/>
-
+