Fix: Add default badge and cta props for crypto to fiat page

JoinColony · Nov 27, 2024 · 6e5c0f0 · 6e5c0f0
1 parent af8d7b8
commit 6e5c0f0
Showing 1 changed file with 23 additions and 21 deletions.
diff --git a/src/components/frame/v5/pages/UserCryptoToFiatPage/partials/Verification/consts.ts b/src/components/frame/v5/pages/UserCryptoToFiatPage/partials/Verification/consts.ts
@@ -11,17 +11,16 @@ export const displayName =
 export const getBadgeProps = (
   status?: string | null,
 ): CryptoToFiatBadgeProps => {
+  const defaultBadgeProps: CryptoToFiatBadgeProps = {
+    text: formatText({
+      id: `${displayName}.pillCopy`,
+      defaultMessage: 'Not started',
+    }),
+    icon: WarningCircle,
+    theme: 'red',
+  };
+
   switch (status) {
-    case KycStatus.NotStarted: {
-      return {
-        text: formatText({
-          id: `${displayName}.pillCopy`,
-          defaultMessage: 'Not started',
-        }),
-        icon: WarningCircle,
-        theme: 'red',
-      };
-    }
     case KycStatus.Incomplete: {
       return {
         text: formatText({
@@ -68,11 +67,9 @@ export const getBadgeProps = (
         theme: 'red',
       };
     }
+    case KycStatus.NotStarted:
     default: {
-      return {
-        text: '',
-        theme: 'gray',
-      };
+      return defaultBadgeProps;
     }
   }
 };
@@ -83,8 +80,18 @@ export const getCTAProps = (
   ctaTitle?: MessageDescriptor;
   ctaDisabled?: boolean;
 } => {
+  const defaultCTAProps = {
+    ctaTitle: {
+      id: `${displayName}.headingTitle`,
+      defaultMessage: 'Start KYC',
+    },
+  };
+
   if (!status) {
-    return { ctaDisabled: true };
+    return {
+      ...defaultCTAProps,
+      ctaDisabled: true,
+    };
   }
 
   switch (status) {
@@ -124,12 +131,7 @@ export const getCTAProps = (
       };
     }
     default: {
-      return {
-        ctaTitle: {
-          id: `${displayName}.headingTitle`,
-          defaultMessage: 'Start KYC',
-        },
-      };
+      return defaultCTAProps;
     }
   }
 };