From 0fe4a7c42cbedd9e857d9c7d00f40746e38dfede Mon Sep 17 00:00:00 2001
From: Erik Tiekstra <erik.tiekstra@scandichotels.com>
Date: Thu, 17 Oct 2024 11:23:50 +0200
Subject: [PATCH] feat(SW-498): added sitewide alert

---
 app/[lang]/(live)/@sitewidealert/page.tsx | 10 ++------
 components/SitewideAlert/index.tsx        | 28 +++++++++++++----------
 2 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/app/[lang]/(live)/@sitewidealert/page.tsx b/app/[lang]/(live)/@sitewidealert/page.tsx
index be7ae2256..0f0c75eba 100644
--- a/app/[lang]/(live)/@sitewidealert/page.tsx
+++ b/app/[lang]/(live)/@sitewidealert/page.tsx
@@ -1,11 +1,9 @@
-import { Suspense } from "react"
-
 import { env } from "@/env/server"
 
 import SitewideAlert, { preload } from "@/components/SitewideAlert"
 import { setLang } from "@/i18n/serverContext"
 
-import type { LangParams, PageArgs } from "@/types/params"
+import { LangParams, PageArgs } from "@/types/params"
 
 export default function SitewideAlertPage({ params }: PageArgs<LangParams>) {
   if (env.HIDE_FOR_NEXT_RELEASE) {
@@ -15,9 +13,5 @@ export default function SitewideAlertPage({ params }: PageArgs<LangParams>) {
   setLang(params.lang)
   preload()
 
-  return (
-    <Suspense>
-      <SitewideAlert />
-    </Suspense>
-  )
+  return <SitewideAlert />
 }
diff --git a/components/SitewideAlert/index.tsx b/components/SitewideAlert/index.tsx
index 2ce624119..c2cb6e728 100644
--- a/components/SitewideAlert/index.tsx
+++ b/components/SitewideAlert/index.tsx
@@ -1,3 +1,5 @@
+import { Suspense } from "react"
+
 import { getSiteConfig } from "@/lib/trpc/memoizedRequests"
 
 import Alert from "../TempDesignSystem/Alert"
@@ -17,17 +19,19 @@ export default async function SitewideAlert() {
 
   const { sitewideAlert } = siteConfig
   return (
-    <div className={`${styles.sitewideAlert} ${styles[sitewideAlert.type]}`}>
-      <Alert
-        variant="banner"
-        type={sitewideAlert.type}
-        link={sitewideAlert.link}
-        phoneContact={sitewideAlert.phoneContact}
-        sidepeekCtaText={sitewideAlert.sidepeekButton?.cta_text}
-        sidepeekContent={sitewideAlert.sidepeekContent}
-        heading={sitewideAlert.heading}
-        text={sitewideAlert.text}
-      />
-    </div>
+    <Suspense>
+      <div className={`${styles.sitewideAlert} ${styles[sitewideAlert.type]}`}>
+        <Alert
+          variant="banner"
+          type={sitewideAlert.type}
+          link={sitewideAlert.link}
+          phoneContact={sitewideAlert.phoneContact}
+          sidepeekCtaText={sitewideAlert.sidepeekButton?.cta_text}
+          sidepeekContent={sitewideAlert.sidepeekContent}
+          heading={sitewideAlert.heading}
+          text={sitewideAlert.text}
+        />
+      </div>
+    </Suspense>
   )
 }