diff --git a/components/HotelReservation/HotelCard/index.tsx b/components/HotelReservation/HotelCard/index.tsx index f72945b6d..6d462c993 100644 --- a/components/HotelReservation/HotelCard/index.tsx +++ b/components/HotelReservation/HotelCard/index.tsx @@ -2,6 +2,7 @@ import { useParams } from "next/dist/client/components/navigation" import { useIntl } from "react-intl" +import { Lang } from "@/constants/languages" import { selectHotelMap } from "@/constants/routes/hotelReservation" import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data" @@ -30,6 +31,7 @@ export default function HotelCard({ onHotelCardHover, }: HotelCardProps) { const params = useParams() + const lang = params.lang as Lang const intl = useIntl() const { hotelData } = hotel @@ -86,7 +88,7 @@ export default function HotelCard({ diff --git a/components/HotelReservation/HotelCardDialog/index.tsx b/components/HotelReservation/HotelCardDialog/index.tsx index 6fa212af2..16d1ce860 100644 --- a/components/HotelReservation/HotelCardDialog/index.tsx +++ b/components/HotelReservation/HotelCardDialog/index.tsx @@ -1,13 +1,18 @@ "use client" +import { useParams } from "next/navigation" import { useIntl } from "react-intl" +import { Lang } from "@/constants/languages" +import { selectRate } from "@/constants/routes/hotelReservation" + import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data" import { CloseLargeIcon } from "@/components/Icons" import TripAdvisorIcon from "@/components/Icons/TripAdvisor" import Image from "@/components/Image" import Button from "@/components/TempDesignSystem/Button" import Chip from "@/components/TempDesignSystem/Chip" +import Link from "@/components/TempDesignSystem/Link" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" @@ -21,6 +26,8 @@ export default function HotelCardDialog({ isOpen, handleClose, }: HotelCardDialogProps) { + const params = useParams() + const lang = params.lang as Lang const intl = useIntl() if (!data) { @@ -94,8 +101,15 @@ export default function HotelCardDialog({ )} - diff --git a/components/HotelReservation/HotelCardDialogListing/utils.ts b/components/HotelReservation/HotelCardDialogListing/utils.ts index b63b9b7ce..6183c5da4 100644 --- a/components/HotelReservation/HotelCardDialogListing/utils.ts +++ b/components/HotelReservation/HotelCardDialogListing/utils.ts @@ -17,5 +17,6 @@ export function getHotelPins(hotels: HotelData[]): HotelPin[] { ], amenities: hotel.hotelData.detailedFacilities.slice(0, 3), ratings: hotel.hotelData.ratings?.tripAdvisor.rating ?? null, + operaId: hotel.hotelData.operaId, })) } diff --git a/types/components/hotelReservation/selectHotel/map.ts b/types/components/hotelReservation/selectHotel/map.ts index 12d51e292..233fc2105 100644 --- a/types/components/hotelReservation/selectHotel/map.ts +++ b/types/components/hotelReservation/selectHotel/map.ts @@ -38,6 +38,7 @@ export type HotelPin = { }[] amenities: Filter[] ratings: number | null + operaId: string } export interface HotelListingMapContentProps {