diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/BedTypeInfo/index.tsx b/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/BedTypeInfo/index.tsx deleted file mode 100644 index 0c4514a41..000000000 --- a/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/BedTypeInfo/index.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import { useIntl } from "react-intl" - -import { useEnterDetailsStore } from "@/stores/enter-details" - -import Body from "@/components/TempDesignSystem/Text/Body" - -import { ChildBedMapEnum } from "@/types/components/bookingWidget/enums" -import type { BedTypeInfoProps } from "@/types/components/hotelReservation/enterDetails/bedType" - -export default function BedTypeInfo({ hasMultipleBedTypes }: BedTypeInfoProps) { - const intl = useIntl() - - const hasChildWithExtraBed = useEnterDetailsStore((state) => - state.booking.rooms[0].childrenInRoom?.some( - (child) => Number(child.bed) === ChildBedMapEnum.IN_EXTRA_BED - ) - ) - - const availabilityText = intl.formatMessage({ - defaultMessage: - "Your selected bed type will be provided based on availability", - }) - - const extraBedText = intl.formatMessage({ - defaultMessage: "Extra bed will be provided additionally", - }) - - const combinedStr = `${availabilityText}. ${extraBedText}` - - if (hasMultipleBedTypes && hasChildWithExtraBed) { - return {combinedStr} - } - - if (hasMultipleBedTypes) { - return {availabilityText} - } - - if (hasChildWithExtraBed) { - return {extraBedText} - } - - return null -} diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/index.tsx b/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/index.tsx index 31f321986..3671a297c 100644 --- a/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/index.tsx +++ b/apps/scandic-web/components/HotelReservation/EnterDetails/BedType/index.tsx @@ -13,7 +13,6 @@ import { import RadioCard from "@/components/TempDesignSystem/Form/RadioCard" import { useRoomContext } from "@/contexts/Details/Room" -import BedTypeInfo from "./BedTypeInfo" import { bedTypeFormSchema } from "./schema" import styles from "./bedOptions.module.css" @@ -64,7 +63,6 @@ export default function BedType() { return (
- 1} />
{bedTypes.map((roomType) => { const width = diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/index.tsx b/apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/index.tsx index d2bbbd2d1..613a5a554 100644 --- a/apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/index.tsx +++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/index.tsx @@ -3,10 +3,11 @@ import { zodResolver } from "@hookform/resolvers/zod" import { FormProvider, useForm } from "react-hook-form" import { useIntl } from "react-intl" +import { Button } from "@scandic-hotels/design-system/Button" + import { useEnterDetailsStore } from "@/stores/enter-details" import SpecialRequests from "@/components/HotelReservation/EnterDetails/Details/SpecialRequests" -import Button from "@/components/TempDesignSystem/Button" import CountrySelect from "@/components/TempDesignSystem/Form/Country" import Input from "@/components/TempDesignSystem/Form/Input" import Phone from "@/components/TempDesignSystem/Form/Phone" @@ -133,15 +134,15 @@ export default function Details() {