Merged in fix/sas-link-flow-links (pull request #1389)

Set correct links in SAS link flow

Approved-by: Joakim Jäderberg

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 (
     <SASModal>
@@ -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.",
         })}
       </Body>
-      {/* TODO link to SASxScandic page on My Pages */}
       <Button theme="base" asChild>
-        <Link href="#">{intl.formatMessage({ id: "View your account" })}</Link>
+        <Link href={scandicXSAS[lang]}>
+          {intl.formatMessage({ id: "View your account" })}
+        </Link>
       </Button>
       <SASModalDivider />
       <SASModalContactBlock />

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 (
     <SASModal>
@@ -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.",
         })}
       </Body>
-      {/* TODO link to where? */}
       <Button theme="base">
-        {intl.formatMessage({ id: "View your account" })}
+        <Link href={profile[lang]}>
+          {intl.formatMessage({ id: "View your account" })}
+        </Link>
       </Button>
       <SASModalDivider />
       <SASModalContactBlock />

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<LangParams>) {
   const intl = await getIntl()
 
   return (
     <SASModal>
-      {/* <Redirect
+      <Redirect url={scandicXSAS[params.lang]} timeout={3000} />
-        url={`INSERT CORRECT URL HERE`}
-        timeout={3000}
-      /> */}
       <CheckCircle height={64} width={64} color="uiSemanticSuccess" />
       <Title as="h2" level="h1" textAlign="center">
         {intl.formatMessage({ id: "Your accounts are connected" })}