feat(SW-498): added sitewide alert

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