+
{t('totalCommission')}
diff --git a/apps/user/components/language-switch.tsx b/apps/user/components/language-switch.tsx
index 0282489..69899f8 100644
--- a/apps/user/components/language-switch.tsx
+++ b/apps/user/components/language-switch.tsx
@@ -45,7 +45,7 @@ export default function LanguageSwitch() {
return (
{
console.log(locale, 111);
if (locale === 'en-US') {
@@ -55,7 +55,10 @@ export default function LanguageSwitch() {
}
}}
>
-
+
{languages[locale as keyof typeof languages]}
diff --git a/apps/user/components/subscribe/renewal.tsx b/apps/user/components/subscribe/renewal.tsx
index b80125a..5261cdc 100644
--- a/apps/user/components/subscribe/renewal.tsx
+++ b/apps/user/components/subscribe/renewal.tsx
@@ -1,6 +1,7 @@
'use client';
import PaymentMethods from '@/components/subscribe/payment-methods';
+import PlanTabs from '@/components/SubscribePlan/PlanTabs/PlanTabs';
import useGlobalStore from '@/config/use-global';
import { preCreateOrder, renewal } from '@/services/user/order';
import { useQuery } from '@tanstack/react-query';
@@ -14,7 +15,6 @@ import {
DialogTrigger,
} from '@workspace/airo-ui/components/dialog';
import { Separator } from '@workspace/airo-ui/components/separator';
-import { Tabs, TabsList, TabsTrigger } from '@workspace/airo-ui/components/tabs';
import { LoaderCircle } from 'lucide-react';
import { useTranslations } from 'next-intl';
import { useRouter } from 'next/navigation';
@@ -115,11 +115,9 @@ export default function Renewal({ id, subscribe, className }: Readonly
-
{
+ {
if (val === 'year') {
handleChange('quantity', 12);
} else if (val === 'month') {
@@ -127,32 +125,8 @@ export default function Renewal({ id, subscribe, className }: Readonly
-
- {tabValue === 'year' ? (
-
- {t('discount20')}
- {/* 小三角箭头 */}
-
-
- ) : null}
-
- {t('yearlyPlan')}
-
-
- {t('monthlyPlan')}
-
-
-
+ discount={20}
+ />
diff --git a/apps/user/components/user-nav.tsx b/apps/user/components/user-nav.tsx
index 71ea34f..652685f 100644
--- a/apps/user/components/user-nav.tsx
+++ b/apps/user/components/user-nav.tsx
@@ -63,7 +63,7 @@ export function UserNav({ from = '' }: { from?: string }) {
forceMount
align='end'
side={from === 'profile' ? (isMobile ? 'top' : 'right') : undefined}
- className='mt-[1px] flex w-[var(--sidebar-width)] flex-col gap-1 rounded-[28px] border-0 bg-transparent pl-[26px] pr-4 shadow-none md:w-48 md:gap-3 md:border md:bg-white md:p-3'
+ className='mt-[1px] flex w-[var(--sidebar-width)] flex-col gap-1 rounded-[28px] border-0 bg-transparent p-0 pl-[26px] pr-4 shadow-none md:w-48 md:gap-3 md:border md:bg-white md:p-3'
style={{
'--sidebar-width': '14rem',
}}
diff --git a/packages/airo-ui/src/components/AiroButton.tsx b/packages/airo-ui/src/components/AiroButton.tsx
index 19c80bb..d170ae8 100644
--- a/packages/airo-ui/src/components/AiroButton.tsx
+++ b/packages/airo-ui/src/components/AiroButton.tsx
@@ -12,6 +12,7 @@ const buttonVariants = cva(
default: 'bg-[#0F2C53] text-primary-foreground shadow hover:bg-[#225BA9]',
primary: 'bg-[#225BA9] text-primary-foreground shadow hover:bg-[#0F2C53] ',
danger: 'bg-[#FF4248] text-primary-foreground shadow hover:bg-[#E22C2E]',
+ dangerLink: 'text-[#E22C2E] ',
destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
outline:
'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
diff --git a/packages/airo-ui/src/components/input.tsx b/packages/airo-ui/src/components/input.tsx
index 6053b82..25ffac6 100644
--- a/packages/airo-ui/src/components/input.tsx
+++ b/packages/airo-ui/src/components/input.tsx
@@ -8,7 +8,7 @@ const Input = React.forwardRef
>(
({ table, params, filters }: ColumnFilterProp
return (
{
@@ -48,7 +48,7 @@ export function ColumnFilter({ table, params, filters }: ColumnFilterProp
return (
updateFilter(param.key, event.target.value)}
diff --git a/packages/airo-ui/src/custom-components/pro-list/pro-list.tsx b/packages/airo-ui/src/custom-components/pro-list/pro-list.tsx
index b2c839f..ba39758 100644
--- a/packages/airo-ui/src/custom-components/pro-list/pro-list.tsx
+++ b/packages/airo-ui/src/custom-components/pro-list/pro-list.tsx
@@ -134,13 +134,22 @@ export function ProList>({
return (
-
+
{params ? (
-
[item.id, item.value]))}
- />
+
+ [item.id, item.value]))}
+ />
+
+
) : (
header?.title
)}
@@ -150,7 +159,7 @@ export function ProList>({
<>