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

fix(SW-1043): wrong font size/styling on prices in summary

Browse Source
This commit is contained in:
Tobias Johansson
2024-12-02 10:54:24 +01:00
parent c354fbe434
commit 6f9fb4b620
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/HotelReservation/EnterDetails/Summary/UI/index.tsx
View File

@@ -107,12 +107,12 @@ export default function SummaryUI({
<div> <div>
<div className={styles.entry}> <div className={styles.entry}>
<Body color="uiTextHighContrast">{roomType}</Body> <Body color="uiTextHighContrast">{roomType}</Body>
<Caption color={showMemberPrice ? "red" : "uiTextHighContrast"}> <Body color={showMemberPrice ? "red" : "uiTextHighContrast"}>
{intl.formatNumber(roomPrice.local.price, { {intl.formatNumber(roomPrice.local.price, {
currency: roomPrice.local.currency, currency: roomPrice.local.currency,
style: "currency", style: "currency",
})} })}
</Caption> </Body>
</div> </div>
<Caption color="uiTextMediumContrast"> <Caption color="uiTextMediumContrast">
{intl.formatMessage( {intl.formatMessage(
@@ -156,12 +156,12 @@ export default function SummaryUI({
</Body> </Body>
</div> </div>
<Caption color="uiTextHighContrast"> <Body color="uiTextHighContrast">
{intl.formatNumber(parseInt(roomPackage.localPrice.price), { {intl.formatNumber(parseInt(roomPackage.localPrice.price), {
currency: roomPackage.localPrice.currency, currency: roomPackage.localPrice.currency,
style: "currency", style: "currency",
})} })}
</Caption> </Body>
</div> </div>
)) ))
: null} : null}
@@ -174,12 +174,12 @@ export default function SummaryUI({
</Caption> </Caption>
</div> </div>
<Caption color="uiTextHighContrast"> <Body color="uiTextHighContrast">
{intl.formatNumber(0, { {intl.formatNumber(0, {
currency: roomPrice.local.currency, currency: roomPrice.local.currency,
style: "currency", style: "currency",
})} })}
</Caption> </Body>
</div> </div>
) : null} ) : null}
@@ -188,12 +188,12 @@ export default function SummaryUI({
<Body color="uiTextHighContrast"> <Body color="uiTextHighContrast">
{intl.formatMessage({ id: "No breakfast" })} {intl.formatMessage({ id: "No breakfast" })}
</Body> </Body>
<Caption color="uiTextMediumContrast"> <Body color="uiTextHighContrast">
{intl.formatNumber(0, { {intl.formatNumber(0, {
currency: roomPrice.local.currency, currency: roomPrice.local.currency,
style: "currency", style: "currency",
})} })}
</Caption> </Body>
</div> </div>
) : null} ) : null}
{breakfast ? ( {breakfast ? (
@@ -201,12 +201,12 @@ export default function SummaryUI({
<Body color="uiTextHighContrast"> <Body color="uiTextHighContrast">
{intl.formatMessage({ id: "Breakfast buffet" })} {intl.formatMessage({ id: "Breakfast buffet" })}
</Body> </Body>
<Caption color="uiTextMediumContrast"> <Body color="uiTextHighContrast">
{intl.formatNumber(parseInt(breakfast.localPrice.totalPrice), { {intl.formatNumber(parseInt(breakfast.localPrice.totalPrice), {
currency: breakfast.localPrice.currency, currency: breakfast.localPrice.currency,
style: "currency", style: "currency",
})} })}
</Caption> </Body>
</div> </div>
) : null} ) : null}
</div> </div>