Merged in feat/BOOK-644-gla-reward-night (pull request #3500)
fix(BOOK-644): update ui reward night gla * fix(BOOK-644): update ut reward night gla Approved-by: Erik Tiekstra Approved-by: Matilda Landström
This commit is contained in:
@@ -2,6 +2,7 @@
|
||||
import { useIntl } from "react-intl"
|
||||
|
||||
import { Divider } from "@scandic-hotels/design-system/Divider"
|
||||
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
|
||||
import { Typography } from "@scandic-hotels/design-system/Typography"
|
||||
|
||||
import TermsAndConditions from "../Payment/TermsAndConditions"
|
||||
@@ -36,15 +37,29 @@ export default function ConfirmBooking({
|
||||
if (isRedemptionBooking) {
|
||||
return (
|
||||
<div className={styles.confirmBooking}>
|
||||
<Typography variant="Body/Paragraph/mdRegular">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "enterDetails.confirmBooking.redemptionGuaranteeInfo",
|
||||
defaultMessage:
|
||||
"When you confirm the booking the room will be guaranteed for late arrival. If you fail to arrive without cancelling in advance or if you cancel after 18:00 local time, you will be charged for one reward night.",
|
||||
})}
|
||||
</p>
|
||||
</Typography>
|
||||
<div className={styles.redemptionInfo}>
|
||||
<MaterialIcon icon="calendar_clock" size={24} color="Icon/Intense" />
|
||||
<div className={styles.textWrapper}>
|
||||
<Typography variant="Body/Supporting text (caption)/smBold">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "enterDetails.guarantee.guaranteeLabel",
|
||||
defaultMessage: "Guarantee for late arrival",
|
||||
})}
|
||||
</p>
|
||||
</Typography>
|
||||
<Typography variant="Body/Paragraph/mdRegular">
|
||||
<p>
|
||||
{intl.formatMessage({
|
||||
id: "enterDetails.confirmBooking.rewardNightGuaranteeInfo",
|
||||
defaultMessage:
|
||||
"When you complete the booking the room will be guaranteed for late arrival. The hotel will hold your booking, even if you arrive after 18:00. In case of a no-show, you will be charged for one reward night.",
|
||||
})}
|
||||
</p>
|
||||
</Typography>
|
||||
</div>
|
||||
</div>
|
||||
<Divider color="Border/Divider/Subtle" />
|
||||
<TermsAndConditions isFlexBookingTerms />
|
||||
<SmsConfirmation />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user