@anker-in/campaign-ui 0.2.0-beta.1 → 0.2.0-beta.11

package/src/templates/credits.tsx

@@ -12,21 +12,22 @@ import { CreditsWaysToGetCredits, CreditsWaysToGetCreditsCopy } from '../compone
 import { CreditsRedeemList, CreditsRedeemListCopy } from '../components/credits/creditsRedeemList'
 import { CreditsCash, CreditsCashCopy } from '../components/credits/creditsCash'
 import { CreditsFaq, CreditsFaqCopy } from '../components/credits/creditsFaq'
+import { AuthCodeActivateCopy } from 'src/components/registration/authCodeActivate/type'
 
 export enum ComponentKey {
-  Banner = 'banner',
-  InfoCard = 'infoCard',
-  Benefits = 'benefits',
-  WaysToGetCredits = 'waysToGetCredits',
-  RedeemList = 'redeemList',
-  SpendCreditsLikeCash = 'spendCreditsLikeCash',
-  Faqs = 'faqs',
+  Banner = 'creditsBanner',
+  InfoCard = 'creditsInfoCard',
+  Benefits = 'creditsBenefits',
+  WaysToGetCredits = 'creditsWaysToGetCredits',
+  RedeemList = 'creditsRedeemList',
+  SpendCreditsLikeCash = 'creditsCash',
+  Faqs = 'creditsFaq',
 }
 export type CreditsTemplateProps = {
   headlessConfig: HeadlessConfig
   siteConfig: {
     registrationsSettings: {
-      authCodeActivate: any
+      authCodeActivate: AuthCodeActivateCopy
     }
     taskIdToTypeMapping: Record<string, DTC_TASK_TYPE>
   }
@@ -87,32 +88,41 @@ export const CreditsTemplate = ({
           pageCommon={pageConfig.common}
         >
           <div className={classNames('bg-[#f5f5f7] leading-[1.2]')}>
-            {pageConfig.order.map(item => {
-              const componentCopy = pageConfig.components?.[item]
+            {pageConfig.order.map(key => {
+              const componentCopy = pageConfig.components?.[key]
               if (!componentCopy) return null
               return (
                 <>
-                  {(item: ComponentKey) => {
-                    switch (item) {
-                      case 'banner':
-                        return <CreditsBanner copy={componentCopy as CreditsBannerCopy} />
-                      case 'infoCard':
-                        return <CreditsInfoCard copy={componentCopy as CreditsInfoCardCopy} />
-                      case 'benefits':
-                        return <CreditsBenefits copy={componentCopy as CreditsBenefitsCopy} />
-                      case 'waysToGetCredits':
-                        return <CreditsWaysToGetCredits copy={componentCopy as CreditsWaysToGetCreditsCopy} />
-                      case 'redeemList':
-                        return <CreditsRedeemList copy={componentCopy as CreditsRedeemListCopy} />
-                      case 'spendCreditsLikeCash':
-                        return <CreditsCash copy={componentCopy as CreditsCashCopy} />
-                      case 'faqs':
-                        return <CreditsFaq copy={componentCopy as CreditsFaqCopy} />
-                      default:
-                        return null
-                    }
-                  }}
-                  <div className="laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16" />
+                  {key === ComponentKey.Banner && <CreditsBanner copy={componentCopy as CreditsBannerCopy} />}
+                  {key === ComponentKey.InfoCard && userContext?.profile && (
+                    <CreditsInfoCard copy={componentCopy as CreditsInfoCardCopy} />
+                  )}
+                  {key === ComponentKey.Benefits && <CreditsBenefits copy={componentCopy as CreditsBenefitsCopy} />}
+                  {key === ComponentKey.WaysToGetCredits && (
+                    <CreditsWaysToGetCredits
+                      copy={componentCopy as CreditsWaysToGetCreditsCopy}
+                      classNames={
+                        headlessConfig.brand === 'anker'
+                          ? {
+                              subtitle: 'text-white',
+                              equalCreditsText:
+                                'bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent',
+                            }
+                          : {
+                              subtitle: 'text-[#D1D1D1]',
+                              equalCreditsText: 'text-[#F6EAD0]',
+                            }
+                      }
+                    />
+                  )}
+                  {key === ComponentKey.RedeemList && (
+                    <CreditsRedeemList copy={componentCopy as CreditsRedeemListCopy} />
+                  )}
+                  {key === ComponentKey.SpendCreditsLikeCash && <CreditsCash copy={componentCopy as CreditsCashCopy} />}
+                  {key === ComponentKey.Faqs && <CreditsFaq copy={componentCopy as CreditsFaqCopy} />}
+                  {key !== ComponentKey.Banner && (
+                    <div className="laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16" />
+                  )}
                 </>
               )
             })}

package/src/components/credits/const.ts

@@ -1 +0,0 @@
-export const roundedBrands = ['eufy', 'soundcore']