diff --git a/components/BookingWidget/bookingWidget.module.css b/components/BookingWidget/bookingWidget.module.css index 461057bf1..22ff009ee 100644 --- a/components/BookingWidget/bookingWidget.module.css +++ b/components/BookingWidget/bookingWidget.module.css @@ -42,7 +42,7 @@ box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05); position: sticky; top: 0; - z-index: 9; + z-index: 10; background-color: var(--Base-Surface-Primary-light-Normal); } diff --git a/components/GuestsRoomsPicker/ChildSelector/index.tsx b/components/GuestsRoomsPicker/ChildSelector/index.tsx index 5bf3a59d2..827bcd2e6 100644 --- a/components/GuestsRoomsPicker/ChildSelector/index.tsx +++ b/components/GuestsRoomsPicker/ChildSelector/index.tsx @@ -70,7 +70,7 @@ export default function ChildSelector({ roomIndex = 0 }: ChildSelectorProps) { roomIndex={roomIndex} index={index} child={child} - key={index} + key={"child_" + index} /> ))} diff --git a/components/GuestsRoomsPicker/GuestsRoomsPicker.tsx b/components/GuestsRoomsPicker/GuestsRoomsPicker.tsx index ee0e835b3..99c1324ab 100644 --- a/components/GuestsRoomsPicker/GuestsRoomsPicker.tsx +++ b/components/GuestsRoomsPicker/GuestsRoomsPicker.tsx @@ -4,7 +4,7 @@ import { useIntl } from "react-intl" import { useGuestsRoomsStore } from "@/stores/guests-rooms" -import { CloseLargeIcon, PlusCircleIcon } from "../Icons" +import { CloseLargeIcon, PlusCircleIcon, PlusIcon } from "../Icons" import Button from "../TempDesignSystem/Button" import Divider from "../TempDesignSystem/Divider" import Subtitle from "../TempDesignSystem/Text/Subtitle" @@ -65,28 +65,51 @@ export default function GuestsRoomsPicker({ ))} +
+ + {rooms.length < 4 ? ( + + ) : null} + +