feat(BOOK-743): Replaced deprecated Button component

Approved-by: Bianca Widstam

apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/UnlinkSAS.tsx

@@ -3,8 +3,7 @@
 import { useParams } from "next/navigation"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
-import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
+import { Button } from "@scandic-hotels/design-system/Button"
 
 import Dialog from "@/components/Dialog"
 
@@ -35,12 +34,11 @@ export function UnlinkSAS() {
       })}
       proceedHref={`/${params.lang}/sas-x-scandic/login?intent=unlink`}
       trigger={
-        <Button intent="text" theme="base">
+        <Button variant="Text" trailingIconName="chevron_right">
           {intl.formatMessage({
             id: "partnerSas.unlinkAccounts",
             defaultMessage: "Unlink accounts",
           })}
-          <MaterialIcon icon="chevron_right" size={20} color="CurrentColor" />
         </Button>
       }
     />

apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/TransferPointsFormClient.tsx

@@ -1,6 +1,5 @@
 "use client"
 
-import Link from "next/link"
 import { useParams } from "next/navigation"
 import { useContext, useState } from "react"
 import {
@@ -15,11 +14,12 @@ import {
 import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
+import { Button } from "@scandic-hotels/design-system/Button"
+import ButtonLink from "@scandic-hotels/design-system/ButtonLink"
 import { FormInput } from "@scandic-hotels/design-system/Form/FormInput"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import Image from "@scandic-hotels/design-system/Image"
 import Modal from "@scandic-hotels/design-system/Modal"
-import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { SAS_TRANSFER_POINT_KEY } from "@scandic-hotels/trpc/constants/partnerSAS"
 
@@ -183,9 +183,10 @@ function ConfirmModal({
   return (
     <>
       <Button
+        variant="Primary"
         className={styles.transferButton}
-        onClick={() => handleToggle(true)}
-        disabled={disabled}
+        onPress={() => handleToggle(true)}
+        isDisabled={disabled}
       >
         {intl.formatMessage({
           id: "partnerSas.exchangePoints",
@@ -249,22 +250,20 @@ function ConfirmModal({
           </Typography>
           <div className={styles.divider} />
           <div className={styles.buttonContainer}>
-            <Button asChild theme="base" fullWidth>
-              <Link
-                href={`/${lang}/sas-x-scandic/login?intent=transfer`}
-                color="none"
-              >
-                {intl.formatMessage({
-                  id: "partnerSas.yesIWantToExchangeMyPoints",
-                  defaultMessage: "Yes, I want to exchange my points",
-                })}
-              </Link>
-            </Button>
+            <ButtonLink
+              variant="Primary"
+              href={`/${lang}/sas-x-scandic/login?intent=transfer`}
+              fullWidth
+            >
+              {intl.formatMessage({
+                id: "partnerSas.yesIWantToExchangeMyPoints",
+                defaultMessage: "Yes, I want to exchange my points",
+              })}
+            </ButtonLink>
             <Button
               fullWidth
-              intent="text"
-              theme="base"
-              onClick={() => handleToggle(false)}
+              variant="Text"
+              onPress={() => handleToggle(false)}
             >
               {intl.formatMessage({
                 id: "common.cancel",