diff --git a/components/ContentType/HotelPage/Rooms/RoomCard/index.tsx b/components/ContentType/HotelPage/Rooms/RoomCard/index.tsx index 931b1880c..2f7d33c25 100644 --- a/components/ContentType/HotelPage/Rooms/RoomCard/index.tsx +++ b/components/ContentType/HotelPage/Rooms/RoomCard/index.tsx @@ -70,7 +70,7 @@ export function RoomCard({ room }: RoomCardProps) { {subtitle} - + ) diff --git a/components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx b/components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx index 07311f7fd..a045d639a 100644 --- a/components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx +++ b/components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx @@ -80,7 +80,7 @@ export default function RoomCard({ m² {selectedRoom && ( - + )}
diff --git a/components/SidePeeks/RoomSidePeek/index.tsx b/components/SidePeeks/RoomSidePeek/index.tsx index a1724fa86..1e27577c8 100644 --- a/components/SidePeeks/RoomSidePeek/index.tsx +++ b/components/SidePeeks/RoomSidePeek/index.tsx @@ -14,17 +14,14 @@ import styles from "./roomSidePeek.module.css" import type { RoomSidePeekProps } from "@/types/components/sidePeeks/roomSidePeek" -export default function RoomSidePeek({ - selectedRoom, - buttonSize, -}: RoomSidePeekProps) { +export default function RoomSidePeek({ room, buttonSize }: RoomSidePeekProps) { const [isSidePeekOpen, setIsSidePeekOpen] = useState(false) const intl = useIntl() - const roomSize = selectedRoom?.roomSize - const occupancy = selectedRoom?.occupancy.total - const roomDescription = selectedRoom?.descriptions.medium - const images = selectedRoom?.images + const roomSize = room.roomSize + const occupancy = room.occupancy.total + const roomDescription = room.descriptions.medium + const images = room.images return (
@@ -41,16 +38,16 @@ export default function RoomSidePeek({ setIsSidePeekOpen(false)} >
- {roomSize?.min === roomSize?.max - ? roomSize?.min - : `${roomSize?.min} - ${roomSize?.max}`} + {roomSize.min === roomSize.max + ? roomSize.min + : `${roomSize.min} - ${roomSize.max}`} m².{" "} {intl.formatMessage( { id: "booking.accommodatesUpTo" }, @@ -59,7 +56,7 @@ export default function RoomSidePeek({ {images && (
- +
)} {roomDescription} @@ -69,7 +66,7 @@ export default function RoomSidePeek({ {intl.formatMessage({ id: "booking.thisRoomIsEquippedWith" })}
    - {selectedRoom?.roomFacilities + {room.roomFacilities .sort((a, b) => a.sortOrder - b.sortOrder) .map((facility) => { const Icon = getFacilityIcon(facility.name) diff --git a/types/components/sidePeeks/roomSidePeek.ts b/types/components/sidePeeks/roomSidePeek.ts index c868d7ab3..88028ec02 100644 --- a/types/components/sidePeeks/roomSidePeek.ts +++ b/types/components/sidePeeks/roomSidePeek.ts @@ -1,6 +1,6 @@ import { RoomData } from "@/types/hotel" export type RoomSidePeekProps = { - selectedRoom: RoomData + room: RoomData buttonSize: "small" | "medium" }