Niclas Edenvin
86a7650813
feat(SW-1523): foundation for my stay page * feat(SW-1523): foundation for my stay page This is the base page for the my stay page. It is very much hard coded and all components need to get a design update afterwards. But this is to get the page going! * fix(i18n): messages Approved-by: Michael Zetterberg Approved-by: Christian Andolf
34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
import Divider from "@/components/TempDesignSystem/Divider"
|
|
|
|
import HotelDetails from "../../BookingConfirmation/HotelDetails"
|
|
import PaymentDetails from "../../BookingConfirmation/PaymentDetails"
|
|
import Promos from "../../BookingConfirmation/Promos"
|
|
import Rooms from "../../BookingConfirmation/Rooms"
|
|
import { Ancillaries } from "./Ancillaries"
|
|
import { BookingActions } from "./BookingActions"
|
|
import { Header } from "./Header"
|
|
|
|
import styles from "./myStay.module.css"
|
|
|
|
import type { ConfirmationProps } from "@/types/components/hotelReservation/bookingConfirmation/bookingConfirmation"
|
|
|
|
export function MyStay({ room, hotel, booking }: ConfirmationProps) {
|
|
return (
|
|
<main className={styles.main}>
|
|
<Header booking={booking} hotel={hotel} />
|
|
<BookingActions />
|
|
<Rooms booking={booking} room={room} />
|
|
<Ancillaries />
|
|
<Divider color="primaryLightSubtle" />
|
|
<PaymentDetails booking={booking} />
|
|
<Divider color="primaryLightSubtle" />
|
|
<HotelDetails hotel={hotel} />
|
|
<Promos
|
|
hotelId={hotel.operaId}
|
|
lastName={booking.guest.lastName}
|
|
confirmationNumber={booking.confirmationNumber}
|
|
/>
|
|
</main>
|
|
)
|
|
}
|