🐛 fix(api): Server and order

apps/user/app/(main)/(user)/payment/page.tsx

@@ -141,7 +141,7 @@ export default function Page() {
           <SubscribeBilling
             order={{
               ...data,
-              coupon: data?.reduction,
+              coupon_discount: data?.coupon_discount,
               quantity: data?.quantity,
               unit_price: data?.subscribe?.unit_price,
               type: data?.type,

apps/user/app/(main)/(user)/subscribe/billing.tsx

@@ -10,8 +10,8 @@ interface SubscribeBillingProps {
     subscribe_id?: number;
     quantity?: number;
     price?: number;
-    reduction?: number;
-    coupon?: number;
+    discount?: number;
+    coupon_discount?: number;
     fee_amount?: number;
     amount?: number;
     unit_price?: number;
@@ -42,13 +42,13 @@ export function SubscribeBilling({ order }: SubscribeBillingProps) {
         <li>
           <span className='text-muted-foreground'>{t('productDiscount')}</span>
           <span>
-            <Display type='currency' value={order?.reduction} />
+            <Display type='currency' value={order?.discount} />
           </span>
         </li>
         <li>
           <span className='text-muted-foreground'>{t('couponDiscount')}</span>
           <span>
-            <Display type='currency' value={order?.coupon} />
+            <Display type='currency' value={order?.coupon_discount} />
           </span>
         </li>
         <li>

apps/user/app/(main)/(user)/subscribe/page.tsx

@@ -40,7 +40,7 @@ export default function Page() {
   return (
     <>
       <Tabs value={group} onValueChange={setGroup} className='space-y-4'>
-        {groups?.length && (
+        {groups && groups.length > 0 && (
           <>
             <h1 className='text-muted-foreground w-full'>{t('category')}</h1>
             <TabsList>