46ebbbba8f
First steps towards the SAS partnership * otp flow now pretends to do the linking * Update LinkAccountForm header * Update redirect times * Clean up comments * Set maxAge on sas cookies * make all SAS routes protected * Merge remote-tracking branch 'refs/remotes/origin/feature/sas-login' into feature/sas-login * Require auth for sas link flow * Fix resend otp * Add error support to OneTimePasswordForm * Add Sentry to SAS error boundary * Move SAS_REQUEST_OTP_STATE_STORAGE_COOKIE_NAME * Add missing translations * Merge branch 'master' of bitbucket.org:scandic-swap/web into feature/sas-login * Merge branch 'feature/sas-login' of bitbucket.org:scandic-swap/web into feature/sas-login * Add TooManyCodesError component * Refactor GenericError to support new errors * Add FailedAttemptsError * remove removed component <VWOScript/> * Merge branch 'feature/sas-login' of bitbucket.org:scandic-swap/web into feature/sas-login * remove local cookie-bot reference * Fix sas campaign logo scaling * feature toggle the SAS stuff * Merge branch 'feature/sas-login' of bitbucket.org:scandic-swap/web into feature/sas-login * fix: use env vars for SAS endpoints Approved-by: Linus Flood
54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
"use client"
|
|
|
|
import { useIntl } from "react-intl"
|
|
|
|
import Link from "@/components/TempDesignSystem/Link"
|
|
import Body from "@/components/TempDesignSystem/Text/Body"
|
|
import Title from "@/components/TempDesignSystem/Text/Title"
|
|
|
|
import styles from "./SASModal.module.css"
|
|
|
|
export function SASModal({ children }: { children: React.ReactNode }) {
|
|
return <section className={styles.container}>{children}</section>
|
|
}
|
|
|
|
export function SASModalDivider() {
|
|
const intl = useIntl()
|
|
|
|
return (
|
|
<div className={styles.divider}>
|
|
<Body asChild color="uiTextPlaceholder">
|
|
<span>{intl.formatMessage({ id: "or" })}</span>
|
|
</Body>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export function SASModalContactBlock() {
|
|
const intl = useIntl()
|
|
|
|
const phone = intl.formatMessage({ id: "+46 8 517 517 00" })
|
|
|
|
return (
|
|
<div style={{ display: "flex", flexDirection: "column" }}>
|
|
<Title
|
|
level="h4"
|
|
as="h3"
|
|
textTransform="regular"
|
|
className={styles.contactBlockTitle}
|
|
>
|
|
{intl.formatMessage({ id: "Contact our memberservice" })}
|
|
</Title>
|
|
<Link
|
|
href={`tel:${phone.replaceAll(" ", "")}`}
|
|
textDecoration="underline"
|
|
>
|
|
{phone}
|
|
</Link>
|
|
<Link href="mailto:member@scandichotels.com" textDecoration="underline">
|
|
member@scandichotels.com
|
|
</Link>
|
|
</div>
|
|
)
|
|
}
|