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

Merged in fix/SW-3436-strikethrough-prices-summary (pull request #2776)

Browse Source 
fix(SW-3436): show strikethrough price if discounted

* fix(SW-3436): show strikethrough price if discounted


Approved-by: Linus Flood
This commit is contained in:
Bianca Widstam
2025-09-09 06:11:10 +00:00
parent 2ef891281e
commit 551cb3ed48
2 changed files with 13 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/DesktopSummary.tsx
View File

@@ -21,12 +21,10 @@ export function DesktopSummary({
input,
selectedRates,
isSubmitting,
bookingCode,
}: {
selectedRates: ReturnType<typeof useSelectRateContext>["selectedRates"]
isSubmitting: boolean
input: ReturnType<typeof useSelectRateContext>["input"]
bookingCode: string
}) {
const intl = useIntl()
const isUserLoggedIn = useIsLoggedIn()
@@ -88,14 +86,6 @@ export function DesktopSummary({
const mainRoomRate = selectedRates.rates.at(0)
let mainRoomCurrency = getRoomCurrency(mainRoomRate)
const totalRegularPrice = selectedRates.totalPrice.local?.regularPrice
? selectedRates.totalPrice.local.regularPrice
: 0
const isTotalRegularPriceGreaterThanPrice =
totalRegularPrice > selectedRates.totalPrice.local.price
const showStrikedThroughPrice =
(!!bookingCode || isUserLoggedIn) && isTotalRegularPriceGreaterThanPrice
return (
<>
<div className={styles.summaryText}>
@@ -168,20 +158,19 @@ export function DesktopSummary({
selectedRates.totalPrice.local.additionalPriceCurrency
)}
</Subtitle>
{showStrikedThroughPrice &&
selectedRates.totalPrice.local.regularPrice && (
<Caption
textAlign="right"
color="uiTextMediumContrast"
striked={true}
>
{formatPrice(
intl,
selectedRates.totalPrice.local.regularPrice,
selectedRates.totalPrice.local.currency
)}
</Caption>
)}
{showDiscounted && selectedRates.totalPrice.local.regularPrice && (
<Caption
textAlign="right"
color="uiTextMediumContrast"
striked={true}
>
{formatPrice(
intl,
selectedRates.totalPrice.local.regularPrice,
selectedRates.totalPrice.local.currency
)}
</Caption>
)}
{selectedRates.totalPrice.requested ? (
<Body color="uiTextMediumContrast">
{intl.formatMessage(

1
packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/index.tsx
View File

@@ -66,7 +66,6 @@ function InnerRateSummary() {
isSubmitting={isSubmitting}
input={input}
selectedRates={selectedRates}
bookingCode={input.data?.booking.bookingCode || ""}
/>
</ErrorBoundary>
</div>