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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user