diff --git a/apps/scandic-web/components/GuestsRoomsPicker/Form.tsx b/apps/scandic-web/components/GuestsRoomsPicker/Form.tsx index 11d4dfb03..3baf158f0 100644 --- a/apps/scandic-web/components/GuestsRoomsPicker/Form.tsx +++ b/apps/scandic-web/components/GuestsRoomsPicker/Form.tsx @@ -4,11 +4,8 @@ import { useCallback, useEffect } from "react" import { useFormContext, useWatch } from "react-hook-form" import { useIntl } from "react-intl" -import { env } from "@/env/client" - import { CloseLargeIcon, PlusCircleIcon, PlusIcon } from "../Icons" import Button from "../TempDesignSystem/Button" -import { Tooltip } from "../TempDesignSystem/Tooltip" import { GuestsRoom } from "./GuestsRoom" import styles from "./guests-rooms-picker.module.css" @@ -21,13 +18,11 @@ const MAX_ROOMS = 4 interface GuestsRoomsPickerDialogProps { rooms: TGuestsRoom[] onClose: () => void - isOverflowed?: boolean // ToDo Remove once Tooltip below is no longer required } export default function GuestsRoomsPickerDialog({ rooms, onClose, - isOverflowed = false, }: GuestsRoomsPickerDialogProps) { const intl = useIntl() const { getFieldState, trigger, setValue } = @@ -35,12 +30,6 @@ export default function GuestsRoomsPickerDialog({ const roomsValue = useWatch({ name: "rooms" }) const addRoomLabel = intl.formatMessage({ id: "Add room" }) const doneLabel = intl.formatMessage({ id: "Done" }) - const disabledBookingOptionsHeader = intl.formatMessage({ - id: "We're sorry", - }) - const disabledBookingOptionsText = intl.formatMessage({ - id: "Adding room is not available on the new website yet.", - }) const handleClose = useCallback(async () => { const isValid = await trigger("rooms") @@ -96,84 +85,37 @@ export default function GuestsRoomsPickerDialog({ /> ))} - {env.NEXT_PUBLIC_HIDE_FOR_NEXT_RELEASE ? ( + {canAddRooms && (
- - - + + {addRoomLabel} +
- ) : ( - canAddRooms && ( -
- -
- ) )}