refactor(new products): added multiple subscription cards in payment …

…page
k33hq · Oct 5, 2023 · ddea36c · ddea36c
1 parent ea4082c
commit ddea36c
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 8 deletions.
diff --git a/apps/research/src/components/settings/payments/Payments.tsx b/apps/research/src/components/settings/payments/Payments.tsx
@@ -15,6 +15,7 @@ import Image from 'next/image';
 import { getUserInformation } from 'core';
 import { SignUpCall } from '@/components';
 import { appStructure } from '@/config';
+import { ProductPlans } from '@/types';
 
 const { Text, Link } = Typography;
 const { Ribbon } = Badge;
@@ -66,7 +67,25 @@ const Payments: React.FC = () => {
     });
   }, []);
 
-  const getPaymentCard = (status: typeof productStatus.state) => {
+  const getPaymentCard = (plan: ProductPlans) => {
+    let status: string | null = 'loading';
+
+    if (plan === 'aoc') {
+      status = aocProductStatus.state;
+    }
+
+    if (plan === 'nn') {
+      status = nnProductStatus.state;
+    }
+
+    if (plan === 'twic') {
+      status = twicProductStatus.state;
+    }
+
+    if (plan === 'pro') {
+      status = productStatus.state;
+    }
+
     switch (status) {
       case 'blocked':
         return (
@@ -282,7 +301,9 @@ const Payments: React.FC = () => {
           showIcon
         />
       )}
-      {getPaymentCard(productStatus.state)}
+      {Object.keys(appStructure.payments).map((plan) =>
+        getPaymentCard(plan as ProductPlans)
+      )}
     </>
   );
 };

diff --git a/apps/research/src/config/index.ts b/apps/research/src/config/index.ts
@@ -75,11 +75,11 @@ export const appStructure: AppStructure = {
     },
   ],
   payments: {
-    default: {
-      productId: process.env.NEXT_PUBLIC_STRIPE_PRODUCT_ID! as string,
-      annualPriceId: process.env.NEXT_PUBLIC_STRIPE_YEARLY_PRICE_ID!,
-      monthlyPriceId: process.env.NEXT_PUBLIC_STRIPE_MONTHLY_PRICE_ID!,
-    },
+    // default: {
+    //   productId: process.env.NEXT_PUBLIC_STRIPE_PRODUCT_ID! as string,
+    //   annualPriceId: process.env.NEXT_PUBLIC_STRIPE_YEARLY_PRICE_ID!,
+    //   monthlyPriceId: process.env.NEXT_PUBLIC_STRIPE_MONTHLY_PRICE_ID!,
+    // },
     pro: {
       productId: process.env.NEXT_PUBLIC_STRIPE_PRODUCT_ID_PRO! as string,
       annualPriceId: process.env.NEXT_PUBLIC_STRIPE_YEARLY_PRICE_ID_PRO!,

diff --git a/apps/research/src/types/ui.ts b/apps/research/src/types/ui.ts
@@ -11,9 +11,10 @@ export interface Payments {
   monthlyPriceId: string;
 }
 
+export type ProductPlans = 'aoc' | 'nn' | 'twic' | 'pro';
 export interface AppStructure {
   navigation: Array<Navigation>;
-  payments: Record<'default' | 'aoc' | 'nn' | 'twic' | 'pro', Payments>;
+  payments: Record<'aoc' | 'nn' | 'twic' | 'pro', Payments>;
   notifications: Record<number, { description: string; isPro: boolean }>;
 }