add heroHTML

grundeinkommensbuero · Jul 10, 2024 · 4af0dd1 · 4af0dd1
1 parent 8359fd3
commit 4af0dd1
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 1 deletion.
diff --git a/components/Hero/index.tsx b/components/Hero/index.tsx
@@ -6,12 +6,13 @@ import Image from 'next/image';
 import { getAssetURL } from '../Util/getAssetURL';
 
 type HeroProps = {
+  heroHTML: string | null;
   heroTitle: string | null;
   heroSubTitle: string | null;
   heroImage: string;
 };
 
-export const Hero = ({ heroTitle, heroSubTitle, heroImage }: HeroProps) => {
+export const Hero = ({ heroHTML, heroTitle, heroSubTitle, heroImage }: HeroProps) => {
   const [imageLoaded, setImageLoaded] = useState(false);
 
   return (
@@ -28,6 +29,12 @@ export const Hero = ({ heroTitle, heroSubTitle, heroImage }: HeroProps) => {
           priority={true}
         />
       </div>
+      {heroHTML && (
+        <div className={s.heroHTMLContainer}>
+          {heroHTML}
+        </div>
+      )}
+      </div>
       {heroTitle && <h1 className={cN(s.title, s.titles)}>{heroTitle}</h1>}
       {heroSubTitle && (
         <h3 className={cN(s.subTitle, s.titles)}>{heroSubTitle}</h3>

diff --git a/components/Section/SectionWrapper.tsx b/components/Section/SectionWrapper.tsx
@@ -14,6 +14,7 @@ type SectionWrapperProps = {
   title?: string;
   status?: Status;
   hasHero?: boolean;
+  heroHTML?: string;
   heroTitle?: string;
   heroImage?: string;
   anchor?: string;

diff --git a/pages/[id].tsx b/pages/[id].tsx
@@ -29,6 +29,7 @@ const PageWithSections = ({ page }: PageProps): ReactElement => {
     <section>
       {page.hasHero && page.heroImage && (
         <Hero
+          heroHTML={page.heroHTML}
           heroTitle={page.heroTitle}
           heroSubTitle={page.heroSubTitle}
           heroImage={page.heroImage}

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -13,6 +13,7 @@ const Start = ({ page }: PageProps): ReactElement => {
         <>
           {page.hasHero && page.heroImage && (
             <Hero
+              heroHTML={page.heroHTML}
               heroTitle={page.heroTitle}
               heroSubTitle={page.heroSubTitle}
               heroImage={page.heroImage}

diff --git a/utils/getPageProps.ts b/utils/getPageProps.ts
@@ -20,6 +20,7 @@ export type Page = {
   title: string;
   status: Status;
   hasHero: boolean;
+  heroHTML: string | null;
   heroTitle: string | null;
   heroSubTitle: string | null;
   heroImage: string | null;
@@ -34,6 +35,7 @@ type FetchedPage = {
   title: string;
   status: Status;
   hasHero: boolean;
+  heroHTML: string | null;
   heroTitle: string | null;
   heroSubTitle: string | null;
   heroImage: string | null;
@@ -48,6 +50,7 @@ const pageFields = [
   'title',
   'status',
   'hasHero',
+  'heroHTML',
   'heroTitle',
   'heroSubTitle',
   'heroImage',
@@ -69,6 +72,7 @@ type FetchedSectionData = {
     includeAgs?: string[];
     excludeAgs?: string[];
     hasHero: boolean;
+    heroHTML?: string;
     heroTitle?: string;
     heroImage?: string;
     elements: FetchedElement[];
@@ -232,6 +236,7 @@ const updatePageStructure = (
     title: fetchedPage.title,
     status: fetchedPage.status,
     hasHero: fetchedPage.hasHero,
+    heroHTML: fetchedPage.heroHTML,
     heroTitle: fetchedPage.heroTitle,
     heroSubTitle: fetchedPage.heroSubTitle,
     heroImage: fetchedPage.heroImage,
@@ -257,6 +262,7 @@ const updatePageStructure = (
           includeAgs: section.item.includeAgs || [],
           excludeAgs: section.item.excludeAgs || [],
           hasHero: section.item.hasHero,
+          heroHTML: section.item.heroHTML,
           heroTitle: section.item.heroTitle,
           heroImage: section.item.heroImage,
           render: section.item.elements