Merge branch 'master' into changeset-release/remove-log

ZopaPublic · Sep 12, 2024 · 9e82dcf · 9e82dcf
2 parents ba50b82 + 2c65f1c
commit 9e82dcf
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/.changeset/smooth-shoes-arrive.md b/.changeset/smooth-shoes-arrive.md
@@ -0,0 +1,5 @@
+---
+'@zopauk/react-components': patch
+---
+
+add cobranded to 500
diff --git a/src/components/templates/ErrorPages/FiveHundred/FiveHundred.tsx b/src/components/templates/ErrorPages/FiveHundred/FiveHundred.tsx
@@ -12,20 +12,29 @@ import { breakpoints } from '../../../../constants/breakpoints';
 import { colors } from '../../../../constants';
 import { ErrorTemplateProps } from '../types';
 import { StyledIcon, StyledLink } from '../styles';
-import { ThemeProvider, useThemeContext } from '../../../styles/Theme';
+import { ThemeProvider, useThemeContext, AppTheme, zopaTheme } from '../../../styles/Theme';
 
 export interface FiveHundredErrorProps extends ErrorTemplateProps {
   linkUrl?: string;
   linkText?: string;
+  isCobranded?: boolean;
 }
 
 const FiveHundred = ({
   icon = faTools,
   linkUrl = 'https://www.zopa.com',
   linkText = 'Go to Zopa home',
+  isCobranded,
 }: FiveHundredErrorProps) => {
   const { width = 0 } = useViewport();
-  const theme = useThemeContext();
+
+  const themeContext = useThemeContext();
+  let theme: AppTheme;
+  if (isCobranded) {
+    theme = zopaTheme;
+  } else {
+    theme = themeContext;
+  }
 
   return (
     <div data-automation="ZA.ErrorPage.FiveHundred">