feat(BOOK-743): Replaced deprecated Button component
Approved-by: Bianca Widstam
This commit is contained in:
@@ -1,10 +1,9 @@
|
||||
"use client"
|
||||
import { Link } from "react-aria-components"
|
||||
import { useIntl } from "react-intl"
|
||||
|
||||
import { profile } from "@scandic-hotels/common/constants/routes/myPages"
|
||||
import ButtonLink from "@scandic-hotels/design-system/ButtonLink"
|
||||
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
|
||||
import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
|
||||
import { Typography } from "@scandic-hotels/design-system/Typography"
|
||||
|
||||
import useLang from "@/hooks/useLang"
|
||||
@@ -40,14 +39,12 @@ export function DateOfBirthError() {
|
||||
})}
|
||||
</p>
|
||||
</Typography>
|
||||
<Button theme="base" asChild>
|
||||
<Link href={profile[lang]}>
|
||||
{intl.formatMessage({
|
||||
id: "linkEuroBonusAccount.viewYourDetailsButton",
|
||||
defaultMessage: "View your details",
|
||||
})}
|
||||
</Link>
|
||||
</Button>
|
||||
<ButtonLink href={profile[lang]} variant="Primary">
|
||||
{intl.formatMessage({
|
||||
id: "linkEuroBonusAccount.viewYourDetailsButton",
|
||||
defaultMessage: "View your details",
|
||||
})}
|
||||
</ButtonLink>
|
||||
<SASModalDivider />
|
||||
<SASModalContactBlock />
|
||||
</SASModal>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
import { useIntl } from "react-intl"
|
||||
|
||||
import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
|
||||
import { Button } from "@scandic-hotels/design-system/Button"
|
||||
import { Typography } from "@scandic-hotels/design-system/Typography"
|
||||
|
||||
import { GenericError } from "./GenericError"
|
||||
@@ -26,7 +26,7 @@ export function TooManyCodesError() {
|
||||
})}
|
||||
</p>
|
||||
</Typography>
|
||||
<Button theme="base" disabled>
|
||||
<Button variant="Primary" isDisabled>
|
||||
{intl.formatMessage({
|
||||
id: "linkEuroBonusAccount.sendNewCodeButton",
|
||||
defaultMessage: "Send new code",
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
import { useIntl } from "react-intl"
|
||||
|
||||
import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
|
||||
import { Button } from "@scandic-hotels/design-system/Button"
|
||||
import { Typography } from "@scandic-hotels/design-system/Typography"
|
||||
|
||||
import { GenericError } from "./GenericError"
|
||||
@@ -26,7 +26,7 @@ export function TooManyFailedAttemptsError() {
|
||||
})}
|
||||
</p>
|
||||
</Typography>
|
||||
<Button theme="base" disabled>
|
||||
<Button variant="Primary" isDisabled>
|
||||
{intl.formatMessage({
|
||||
id: "linkEuroBonusAccount.sendNewCodeButton",
|
||||
defaultMessage: "Send new code",
|
||||
|
||||
Reference in New Issue
Block a user