feat: add cobranded for 500 page

ZopaPublic · Sep 12, 2024 · 8a62aec · 8a62aec
1 parent 6613133
commit 8a62aec
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/components/templates/ErrorPages/FiveHundred/FiveHundred.tsx b/src/components/templates/ErrorPages/FiveHundred/FiveHundred.tsx
@@ -12,20 +12,31 @@ 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();
+
+  console.log('isCobranded', isCobranded);
+
+  const themeContext = useThemeContext();
+  let theme: AppTheme;
+  if (isCobranded) {
+    theme = zopaTheme;
+  } else {
+    theme = themeContext;
+  }
 
   return (
     <div data-automation="ZA.ErrorPage.FiveHundred">