diff --git a/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/AlreadyLinkedError.tsx b/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/AlreadyLinkedError.tsx index d50dcddd8..dbd9ae5a9 100644 --- a/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/AlreadyLinkedError.tsx +++ b/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/AlreadyLinkedError.tsx @@ -2,15 +2,19 @@ import Link from "next/link" import { useIntl } from "react-intl" +import { scandicXSAS } from "@/constants/routes/myPages" + import ErrorCircleFilledIcon from "@/components/Icons/ErrorCircleFilled" import Button from "@/components/TempDesignSystem/Button" import Body from "@/components/TempDesignSystem/Text/Body" import Title from "@/components/TempDesignSystem/Text/Title" +import useLang from "@/hooks/useLang" import { SASModal, SASModalContactBlock, SASModalDivider } from "./SASModal" export function AlreadyLinkedError() { const intl = useIntl() + const lang = useLang() return ( @@ -24,9 +28,10 @@ export function AlreadyLinkedError() { id: "We could not connect your accounts to give you access. Please contact us and we’ll help you resolve this issue.", })} - {/* TODO link to SASxScandic page on My Pages */} diff --git a/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/DateOfBirthError.tsx b/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/DateOfBirthError.tsx index 35c789e8c..ca0076a81 100644 --- a/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/DateOfBirthError.tsx +++ b/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/DateOfBirthError.tsx @@ -1,15 +1,20 @@ "use client" +import { Link } from "react-aria-components" import { useIntl } from "react-intl" +import { profile } from "@/constants/routes/myPages" + import ErrorCircleFilledIcon from "@/components/Icons/ErrorCircleFilled" import Button from "@/components/TempDesignSystem/Button" import Body from "@/components/TempDesignSystem/Text/Body" import Title from "@/components/TempDesignSystem/Text/Title" +import useLang from "@/hooks/useLang" import { SASModal, SASModalContactBlock, SASModalDivider } from "./SASModal" export function DateOfBirthError() { const intl = useIntl() + const lang = useLang() return ( @@ -23,9 +28,10 @@ export function DateOfBirthError() { id: "We could not connect your accounts to give you access. Please contact us and we’ll help you resolve this issue.", })} - {/* TODO link to where? */} diff --git a/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/success/page.tsx b/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/success/page.tsx index a8f92f531..2e7fdb808 100644 --- a/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/success/page.tsx +++ b/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/success/page.tsx @@ -1,21 +1,25 @@ import React from "react" +import { scandicXSAS } from "@/constants/routes/myPages" + import CheckCircle from "@/components/Icons/CheckCircle" +import { Redirect } from "@/components/Redirect" import Body from "@/components/TempDesignSystem/Text/Body" import Title from "@/components/TempDesignSystem/Text/Title" import { getIntl } from "@/i18n" import { SASModal } from "../../components/SASModal" -export default async function SASxScandicLinkPage() { +import type { LangParams, PageArgs } from "@/types/params" + +export default async function SASxScandicLinkPage({ + params, +}: PageArgs) { const intl = await getIntl() return ( - {/* */} + {intl.formatMessage({ id: "Your accounts are connected" })}