From 5a48a118f4b3f9a887f8a044016f79e016d15838 Mon Sep 17 00:00:00 2001
From: Erik Tiekstra <erik.tiekstra@scandichotels.com>
Date: Mon, 11 Nov 2024 10:41:29 +0100
Subject: [PATCH] fix(SW-856): fixed issues where blocks do not have
 titles/preambles

---
 components/Blocks/Accordion/index.tsx                         | 2 +-
 components/Blocks/Table/index.tsx                             | 2 +-
 components/Section/Header/index.tsx                           | 4 ++++
 .../TempDesignSystem/ScrollWrapper/scrollWrapper.module.css   | 4 ++--
 types/components/myPages/header.ts                            | 2 +-
 5 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/components/Blocks/Accordion/index.tsx b/components/Blocks/Accordion/index.tsx
index 8828555d1..edab9dec0 100644
--- a/components/Blocks/Accordion/index.tsx
+++ b/components/Blocks/Accordion/index.tsx
@@ -24,7 +24,7 @@ export default function AccordionSection({ accordion, title }: AccordionProps) {
 
   return (
     <SectionContainer id={HotelHashValues.faq}>
-      {title && <SectionHeader textTransform="uppercase" title={title} />}
+      <SectionHeader textTransform="uppercase" title={title} />
       <Accordion
         className={`${styles.accordion} ${allAccordionsVisible ? styles.allVisible : ""}`}
         theme="light"
diff --git a/components/Blocks/Table/index.tsx b/components/Blocks/Table/index.tsx
index e03b0fc53..0f95abfca 100644
--- a/components/Blocks/Table/index.tsx
+++ b/components/Blocks/Table/index.tsx
@@ -50,7 +50,7 @@ export default function TableBlock({ data }: TableBlockProps) {
 
   return (
     <SectionContainer>
-      {heading ? <SectionHeader preamble={preamble} title={heading} /> : null}
+      <SectionHeader preamble={preamble} title={heading} />
       <div className={styles.tableWrapper}>
         <ScrollWrapper>
           <Table
diff --git a/components/Section/Header/index.tsx b/components/Section/Header/index.tsx
index b52a741dc..94e9829fe 100644
--- a/components/Section/Header/index.tsx
+++ b/components/Section/Header/index.tsx
@@ -14,6 +14,10 @@ export default function SectionHeader({
   topTitle = false,
   textTransform,
 }: HeaderProps) {
+  if (!title || !preamble || !link) {
+    return null
+  }
+
   return (
     <header className={styles.header}>
       <Title
diff --git a/components/TempDesignSystem/ScrollWrapper/scrollWrapper.module.css b/components/TempDesignSystem/ScrollWrapper/scrollWrapper.module.css
index b604a3c24..46d7107e9 100644
--- a/components/TempDesignSystem/ScrollWrapper/scrollWrapper.module.css
+++ b/components/TempDesignSystem/ScrollWrapper/scrollWrapper.module.css
@@ -18,13 +18,13 @@
 
 .scrollWrapper.leftShadow::before {
   left: 0;
-  background: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent);
+  background: linear-gradient(to right, rgba(128, 110, 99, 0.37), transparent);
   opacity: 1;
 }
 
 .scrollWrapper.rightShadow::after {
   right: 0;
-  background: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent);
+  background: linear-gradient(to left, rgba(128, 110, 99, 0.37), transparent);
   opacity: 1;
 }
 
diff --git a/types/components/myPages/header.ts b/types/components/myPages/header.ts
index 82a662a94..1af4abf21 100644
--- a/types/components/myPages/header.ts
+++ b/types/components/myPages/header.ts
@@ -7,6 +7,6 @@ export type HeaderProps = {
   }
   preamble?: string | null
   textTransform?: HeadingProps["textTransform"]
-  title: string | null
+  title?: string | null
   topTitle?: boolean
 }