"use client" import { useIntl } from "react-intl" import MagicWandIcon from "@scandic-hotels/design-system/Icons/MagicWandIcon" import Modal from "@/components/Modal" import Button from "@/components/TempDesignSystem/Button" import Body from "@/components/TempDesignSystem/Text/Body" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import Title from "@/components/TempDesignSystem/Text/Title" import { useRoomContext } from "@/contexts/Details/Room" import { formatPrice } from "@/utils/numberFormatting" import styles from "./modal.module.css" import type { Dispatch, SetStateAction } from "react" import { CurrencyEnum } from "@/types/enums/currency" export default function MemberPriceModal({ isOpen, setIsOpen, }: { isOpen: boolean setIsOpen: Dispatch> }) { const { room } = useRoomContext() const memberRate = "member" in room.roomRate ? room.roomRate.member : null const intl = useIntl() if (!memberRate) { return null } const memberPrice = memberRate?.localPrice ?? memberRate?.requestedPrice return (
{intl.formatMessage({ defaultMessage: "Member price activated", })} {memberPrice && ( {intl.formatMessage({ defaultMessage: "The new price is", })} {formatPrice( intl, memberPrice.pricePerStay ?? 0, memberPrice.currency ?? CurrencyEnum.Unknown )} )}
) }