diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx index 4ec53c6b4..f5917403f 100644 --- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx +++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx @@ -30,9 +30,6 @@ export default function Room({ booking, img, roomName }: RoomProps) { return (
- {/* - {intl.formatMessage({ id: "Room" })} 1 - */}
{booking.rateDefinition.isMemberRate ? ( <> diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/index.tsx b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/index.tsx index c0c220b65..5ecfa95d9 100644 --- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/index.tsx +++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/index.tsx @@ -7,29 +7,47 @@ import Room from "./Room" import styles from "./rooms.module.css" import type { BookingConfirmationRoomsProps } from "@/types/components/hotelReservation/bookingConfirmation/rooms" +import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" +import { getIntl } from "@/i18n" -export default function Rooms({ +export default async function Rooms({ booking, mainRoom, linkedReservations, }: BookingConfirmationRoomsProps) { + const intl = await getIntl() return (
- +
+ {linkedReservations.length ? ( + + {intl.formatMessage({ id: "Room {roomIndex}" }, { roomIndex: 1 })} + + ) : null} + +
- {linkedReservations?.map((reservation) => ( - } - > - - + {linkedReservations?.map((reservation, idx) => ( +
+ + {intl.formatMessage( + { id: "Room {roomIndex}" }, + { roomIndex: idx + 2 } + )} + + } + > + + +
))}
) diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/rooms.module.css b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/rooms.module.css index b5b084c16..135d26747 100644 --- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/rooms.module.css +++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/rooms.module.css @@ -3,3 +3,9 @@ flex-direction: column; gap: var(--Spacing-x5); } + +.room { + display: flex; + flex-direction: column; + gap: var(--Spacing-x2); +}