2b9bc8c3ce
refactor(LOY-497): hide profiling consent behind feature flag * refactor(LOY-497): hide profiling consent behind feature flag * chore(LOY-497): up to date consent readme Approved-by: Matilda Landström
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import { Typography } from "@scandic-hotels/design-system/Typography"
|
|
|
|
import { env } from "@/env/server"
|
|
import { getProfile, getProfilingConsent } from "@/lib/trpc/memoizedRequests"
|
|
|
|
import { GetMainIconByCSIdentifier, userHasConsent } from "../utils"
|
|
import { BannerButton } from "./Button"
|
|
|
|
import styles from "./profilingConsentBanner.module.css"
|
|
|
|
export async function ProfilingConsentBanner() {
|
|
if (!env.ENABLE_PROFILE_CONSENT) return null
|
|
|
|
const user = await getProfile()
|
|
if (!user || userHasConsent(user?.profilingConsent)) return null
|
|
|
|
const data = await getProfilingConsent()
|
|
if (!data?.profiling_consent) return null
|
|
|
|
const { icon, banner } = data.profiling_consent
|
|
|
|
return (
|
|
<div className={styles.banner}>
|
|
<GetMainIconByCSIdentifier identifier={icon} className={styles.icon} />
|
|
<span className={styles.text}>
|
|
<Typography variant="Title/sm" className={styles.header}>
|
|
<h4>{banner.header}</h4>
|
|
</Typography>
|
|
<Typography variant="Body/Lead text">
|
|
<p>{banner.sub_header}</p>
|
|
</Typography>
|
|
</span>
|
|
<BannerButton cta={banner.button_text} />
|
|
</div>
|
|
)
|
|
}
|