scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(SW-498): added sitewide alert

Browse Source
This commit is contained in:
Erik Tiekstra
2024-10-17 11:23:50 +02:00
parent a69a00e4c1
commit 0fe4a7c42c
2 changed files with 18 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/[lang]/(live)/@sitewidealert/page.tsx
View File

@@ -1,11 +1,9 @@
import { Suspense } from "react"
import { env } from "@/env/server" import { env } from "@/env/server"
import SitewideAlert, { preload } from "@/components/SitewideAlert" import SitewideAlert, { preload } from "@/components/SitewideAlert"
import { setLang } from "@/i18n/serverContext" 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>) { export default function SitewideAlertPage({ params }: PageArgs<LangParams>) {
if (env.HIDE_FOR_NEXT_RELEASE) { if (env.HIDE_FOR_NEXT_RELEASE) {
@@ -15,9 +13,5 @@ export default function SitewideAlertPage({ params }: PageArgs<LangParams>) {
setLang(params.lang) setLang(params.lang)
preload() preload()
return ( return <SitewideAlert />
<Suspense>
<SitewideAlert />
</Suspense>
)
} }

28
components/SitewideAlert/index.tsx
View File

@@ -1,3 +1,5 @@
import { Suspense } from "react"
import { getSiteConfig } from "@/lib/trpc/memoizedRequests" import { getSiteConfig } from "@/lib/trpc/memoizedRequests"
import Alert from "../TempDesignSystem/Alert" import Alert from "../TempDesignSystem/Alert"
@@ -17,17 +19,19 @@ export default async function SitewideAlert() {
const { sitewideAlert } = siteConfig const { sitewideAlert } = siteConfig
return ( return (
<div className={`${styles.sitewideAlert} ${styles[sitewideAlert.type]}`}> <Suspense>
<Alert <div className={`${styles.sitewideAlert} ${styles[sitewideAlert.type]}`}>
variant="banner" <Alert
type={sitewideAlert.type} variant="banner"
link={sitewideAlert.link} type={sitewideAlert.type}
phoneContact={sitewideAlert.phoneContact} link={sitewideAlert.link}
sidepeekCtaText={sitewideAlert.sidepeekButton?.cta_text} phoneContact={sitewideAlert.phoneContact}
sidepeekContent={sitewideAlert.sidepeekContent} sidepeekCtaText={sitewideAlert.sidepeekButton?.cta_text}
heading={sitewideAlert.heading} sidepeekContent={sitewideAlert.sidepeekContent}
text={sitewideAlert.text} heading={sitewideAlert.heading}
/> text={sitewideAlert.text}
</div> />
</div>
</Suspense>
) )
} }