Merged in feat/SW-1648-booking-code-my-stay (pull request #1447)

feat(SW-1648): add booking code on my stay

* feat(SW-1648): add booking code on my stay


Approved-by: Niclas Edenvin
This commit is contained in:
Bianca Widstam
2025-02-28 14:09:23 +00:00
parent 6804b52d31
commit 4fc25e42b5
13 changed files with 73 additions and 1 deletions

View File

@@ -6,6 +6,7 @@ import { useIntl } from "react-intl"
import { BookingStatusEnum } from "@/constants/booking"
import { dt } from "@/lib/dt"
import { BookingCodeIcon } from "@/components/Icons"
import CrossCircleIcon from "@/components/Icons/CrossCircle"
import Button from "@/components/TempDesignSystem/Button"
import Divider from "@/components/TempDesignSystem/Divider"
@@ -137,6 +138,17 @@ export function ReferenceCard({ booking, hotel }: ReferenceCardProps) {
{formatPrice(intl, totalPrice, currencyCode)}
</Caption>
</div>
{booking?.bookingCode && (
<div className={styles.referenceRow}>
<Caption>{intl.formatMessage({ id: "Booking code" })}</Caption>
<IconChip color={"blue"} icon={<BookingCodeIcon color="blue" />}>
<Caption className={styles.bookingCode} color="blue">
<strong>{intl.formatMessage({ id: "Booking code" })}</strong>
{booking.bookingCode}
</Caption>
</IconChip>
</div>
)}
{!showCancelButton && (
<div className={styles.referenceRow}>
<IconChip