scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/STAY-97 (pull request #3092)

Browse Source 
fix: Change copy of Total price in price summary ancillaries

* fix: Change copy of Total price in price summary ancillaries


Approved-by: Erik Tiekstra
This commit is contained in:
Christel Westerberg
2025-11-06 15:13:59 +00:00
parent 11d53d0b15
commit 57300e588e
3 changed files with 39 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/ActionButtons/index.tsx
View File

@@ -109,7 +109,7 @@ export default function ActionButtons({
isPriceDetailsOpen ? "keyboard_arrow_up" : "keyboard_arrow_down"
}
size={20}
color="Icon/Interactive/Accent"
color="CurrentColor"
/>
</Button>
)}

46
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/PriceDetails/PriceSummary/index.tsx
View File

@@ -51,8 +51,8 @@ export default function PriceSummary({
title={item.title}
quantity={item.quantityWithCard}
label={intl.formatMessage({
id: "booking.priceIncludingVat",
defaultMessage: "Price including VAT",
id: "common.price",
defaultMessage: "Price",
})}
value={formatPrice(intl, item.totalPrice, item.currency)}
/>
@@ -80,19 +80,35 @@ export default function PriceSummary({
))}
<div className={styles.column}>
<Typography variant="Body/Paragraph/mdBold">
<p>
{hasTotalPrice
? intl.formatMessage({
id: "priceSummary.totalPriceIncludingVat",
defaultMessage: "Total price including VAT",
})
: intl.formatMessage({
id: "common.totalPoints",
defaultMessage: "Total points",
})}
</p>
</Typography>
{hasTotalPrice ? (
<Typography variant="Body/Paragraph/mdRegular">
<p>
{intl.formatMessage(
{
id: "booking.totalPriceInclVat",
defaultMessage: "<b>Total price</b> (incl VAT)",
},
{
b: (str) => (
<Typography variant="Body/Paragraph/mdBold">
<span>{str}</span>
</Typography>
),
}
)}
</p>
</Typography>
) : (
<Typography variant="Body/Paragraph/mdBold">
<p>
{intl.formatMessage({
id: "common.totalPoints",
defaultMessage: "Total points",
})}
</p>
</Typography>
)}
<div className={styles.totalPrice}>
{(hasTotalPoints || hasTotalPrice) && (
<Typography variant="Body/Paragraph/mdBold">

16
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx
View File

@@ -12,7 +12,7 @@ import { PaymentOption } from "@scandic-hotels/design-system/Form/PaymentOption"
import { PaymentOptionsGroup } from "@scandic-hotels/design-system/Form/PaymentOptionsGroup"
import { SelectPaymentMethod } from "@scandic-hotels/design-system/Form/SelectPaymentMethod"
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
import Link from "@scandic-hotels/design-system/OldDSLink"
import { TextLink } from "@scandic-hotels/design-system/TextLink"
import { Typography } from "@scandic-hotels/design-system/Typography"
import { useAddAncillaryStore } from "@/stores/my-stay/add-ancillary-flow"
@@ -195,24 +195,22 @@ export default function ConfirmationStep({
},
{
termsAndConditionsLink: (str) => (
<Link
textDecoration="underline"
color="Text/Interactive/Secondary"
<TextLink
typography="Link/sm"
target="_blank"
href={bookingTermsAndConditionsRoutes[lang]}
>
{str}
</Link>
</TextLink>
),
privacyPolicyLink: (str) => (
<Link
textDecoration="underline"
color="Text/Interactive/Secondary"
<TextLink
typography="Link/sm"
target="_blank"
href={privacyPolicyRoutes[lang]}
>
{str}
</Link>
</TextLink>
),
}
)}