Merge pull request #1152 from ZopaPublic/500-cobranded-fix

feat: add cobranded for 500 page
ZopaPublic · Sep 12, 2024 · 2c65f1c · 2c65f1c
2 parents 6613133 + 0c839de
commit 2c65f1c
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">