feat: add new oca branding 1.1 for credential list, proof request and…

… verifier credential card (#1405) Signed-off-by: fc-santos <[email protected]>
openwallet-foundation · Feb 3, 2025 · f9009bd · f9009bd
1 parent aff8281
commit f9009bd
Show file tree

Hide file tree

Showing 34 changed files with 852 additions and 421 deletions.
diff --git a/packages/legacy/core/App/components/misc/CredentialCard.tsx b/packages/legacy/core/App/components/misc/CredentialCard.tsx
@@ -67,11 +67,12 @@ const CredentialCard: React.FC<CredentialCardProps> = ({
   }, [credential, bundleResolver, i18n.language])
 
   const getCredOverlayType = (type: BrandingOverlayType) => {
+    const isBranding10 = bundleResolver.getBrandingOverlayType() === BrandingOverlayType.Branding10
     if (proof) {
       return (
         <CredentialCard11
           displayItems={displayItems}
-          style={{ backgroundColor: ColorPallet.brand.secondaryBackground }}
+          style={isBranding10 ? { backgroundColor: ColorPallet.brand.secondaryBackground } : undefined}
           credName={credName}
           credDefId={credDefId}
           schemaId={schemaId}
@@ -81,6 +82,7 @@ const CredentialCard: React.FC<CredentialCardProps> = ({
           proof
           elevated
           credentialErrors={credentialErrors ?? []}
+          brandingOverlayType={bundleResolver.getBrandingOverlayType()}
         />
       )
     }
@@ -95,6 +97,8 @@ const CredentialCard: React.FC<CredentialCardProps> = ({
             style={style}
             onPress={onPress}
             credentialErrors={credentialErrors ?? []}
+            brandingOverlayType={bundleResolver.getBrandingOverlayType()}
+            elevated={bundleResolver.getBrandingOverlayType() === BrandingOverlayType.Branding11}
           />
         )
       }
@@ -108,6 +112,7 @@ const CredentialCard: React.FC<CredentialCardProps> = ({
           style={style}
           onPress={onPress}
           credentialErrors={credentialErrors ?? []}
+          brandingOverlayType={bundleResolver.getBrandingOverlayType()}
         />
       )
     }
@@ -121,6 +126,7 @@ const CredentialCard: React.FC<CredentialCardProps> = ({
         onPress={onPress}
         brandingOverlay={overlay}
         credentialErrors={credentialErrors ?? []}
+        brandingOverlayType={bundleResolver.getBrandingOverlayType()}
       />
     )
   } else {