fix(SW-856): fixed issues where blocks do not have titles/preambles

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"

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

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

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;
 }
 

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
 }