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

Merged in fix/SW-2072-ancillary-price-details-ui (pull request #1723)

Browse Source 
fix(SW-2072): fix price details on ancillaries

* fix(SW-2072): fix price details on ancillaries


Approved-by: Niclas Edenvin
This commit is contained in:
Bianca Widstam
2025-04-03 12:18:49 +00:00
parent 540a3bb36f
commit 9129e2f468
5 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -27,10 +27,10 @@ export default function PriceRow({
</div> </div>
<div className={styles.column}> <div className={styles.column}>
<Typography variant="Body/Paragraph/mdRegular"> <Typography variant="Body/Paragraph/mdRegular">
<h2>{label}</h2> <h2 className={styles.priceText}>{label}</h2>
</Typography> </Typography>
<Typography variant="Body/Paragraph/mdRegular"> <Typography variant="Body/Paragraph/mdRegular">
<h2>{value}</h2> <h2 className={styles.priceText}>{value}</h2>
</Typography> </Typography>
</div> </div>
</> </>

4
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/PriceDetails/PriceSummary/PriceRow/priceRow.module.css
View File

@@ -2,3 +2,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.priceText {
color: var(--Text-Tertiary);
}

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

@@ -41,7 +41,7 @@ export default function PriceSummary({
{items.map((item) => ( {items.map((item) => (
<> <>
{item.quantityWithCard && ( {!!item.quantityWithCard && (
<PriceRow <PriceRow
title={item.title} title={item.title}
quantity={item.quantityWithCard} quantity={item.quantityWithCard}
@@ -49,7 +49,7 @@ export default function PriceSummary({
value={formatPrice(intl, item.totalPrice, item.currency)} value={formatPrice(intl, item.totalPrice, item.currency)}
/> />
)} )}
{item.quantityWithPoints && ( {!!item.quantityWithPoints && (
<PriceRow <PriceRow
title={item.title} title={item.title}
quantity={item.quantityWithPoints} quantity={item.quantityWithPoints}

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

@@ -126,7 +126,9 @@ export default function PriceDetails({
</Typography> </Typography>
{totalPrice && ( {totalPrice && (
<Typography variant="Body/Paragraph/mdRegular"> <Typography variant="Body/Paragraph/mdRegular">
<p>({intl.formatMessage({ id: "Incl. VAT" })})</p> <p className={styles.vatText}>
({intl.formatMessage({ id: "Incl. VAT" })})
</p>
</Typography> </Typography>
)} )}
</div> </div>

6
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/PriceDetails/priceDetails.module.css
View File

@@ -10,7 +10,7 @@
.totalPriceInclVAT { .totalPriceInclVAT {
display: flex; display: flex;
gap: var(--Space-x05); gap: var(--Space-x15);
} }
.totalPriceValue { .totalPriceValue {
@@ -18,3 +18,7 @@
gap: var(--Space-x1); gap: var(--Space-x1);
height: 20px; height: 20px;
} }
.vatText {
color: var(--Text-Tertiary);
}