From 4adc8574b92e4079e2464de6da10f1f648ab722a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=81rmann=20P=C3=A9tur=20=C3=86varsson?=
 <armann@stefna.is>
Date: Mon, 23 Sep 2024 14:35:36 +0000
Subject: [PATCH] Add default header for HVE organization

---
 .../Organization/Wrapper/OrganizationWrapper.css.ts | 13 +++++++++++++
 .../Organization/Wrapper/OrganizationWrapper.tsx    | 11 ++++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/apps/web/components/Organization/Wrapper/OrganizationWrapper.css.ts b/apps/web/components/Organization/Wrapper/OrganizationWrapper.css.ts
index 5247afc5c39c..0c31cf2d7f01 100644
--- a/apps/web/components/Organization/Wrapper/OrganizationWrapper.css.ts
+++ b/apps/web/components/Organization/Wrapper/OrganizationWrapper.css.ts
@@ -104,3 +104,16 @@ export const rikissaksoknariHeaderGridContainerWidth = style([
 
 export const rikissaksoknariHeaderGridContainerSubpage =
   rikissaksoknariHeaderGridContainerBase
+
+export const hveHeaderGridContainer = style({
+  display: 'grid',
+  maxWidth: '1342px',
+  margin: '0 auto',
+  borderBottom: '8px solid #F01E28',
+  ...themeUtils.responsiveStyle({
+    lg: {
+      gridTemplateRows: '315px',
+      gridTemplateColumns: '65fr 35fr',
+    },
+  }),
+})
diff --git a/apps/web/components/Organization/Wrapper/OrganizationWrapper.tsx b/apps/web/components/Organization/Wrapper/OrganizationWrapper.tsx
index bd017feeb446..c5e02e1841aa 100644
--- a/apps/web/components/Organization/Wrapper/OrganizationWrapper.tsx
+++ b/apps/web/components/Organization/Wrapper/OrganizationWrapper.tsx
@@ -436,7 +436,16 @@ export const OrganizationHeader: React.FC<
         />
       )
     case 'hve':
-      return (
+      return n('usingDefaultHeader', false) ? (
+        <DefaultHeader
+          {...defaultProps}
+          className={styles.hveHeaderGridContainer}
+          image={n(
+            'hveHeaderImage',
+            'https://images.ctfassets.net/8k0h54kbe6bj/7ie5X2T4g8a7g5PLvu5226/4ec8b2cb69b5cb7193a61c562f9b36e0/minstur1.png',
+          )}
+        />
+      ) : (
         <HveHeader
           organizationPage={organizationPage}
           logoAltText={logoAltText}