feat(SW-498): added sitewide alert

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

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