cbf9e7b7c2
chore (SW-834): Upgrade to Next 15 * wip: apply codemod and upgrade swc plugin * wip: design-system to react 19, fix issues from async (search)params * wip: fix remaining issues from codemod serverClient is now async because context use headers() getLang is now async because it uses headers() * Minor cleanup * Inline react-material-symbols package Package is seemingly not maintained any more and doesn't support React 19. This copies the package source into `design-system`, makes the necessary changes for 19 and export it for others to use. * Fix missing awaits * Disable modal exit animations Enabling modal exit animations via isExiting prop is causing modals to be rendered in "hidden" state and never unmount. Seems to be an issue with react-aria-components, see https://github.com/adobe/react-spectrum/issues/7563. Can probably be fixed by rewriting to a solution similar to https://react-spectrum.adobe.com/react-aria/examples/framer-modal-sheet.html * Remove unstable cache implementation and use in memory cache locally * Fix ref type in SelectFilter * Use cloneElement to add key prop to element Approved-by: Linus Flood
76 lines
2.1 KiB
TypeScript
76 lines
2.1 KiB
TypeScript
import { cookies } from "next/headers"
|
|
import { notFound } from "next/navigation"
|
|
|
|
import { FamilyAndFriendsCodes } from "@/constants/booking"
|
|
import { getHotel } from "@/lib/trpc/memoizedRequests"
|
|
|
|
import HotelInfoCard from "@/components/HotelReservation/SelectRate/HotelInfoCard"
|
|
import { RoomsContainer } from "@/components/HotelReservation/SelectRate/RoomsContainer"
|
|
import { getHotelSearchDetails } from "@/utils/hotelSearchDetails"
|
|
|
|
import FnFNotAllowedAlert from "../FnFNotAllowedAlert/FnFNotAllowedAlert"
|
|
import AvailabilityError from "./AvailabilityError"
|
|
import Tracking from "./Tracking"
|
|
|
|
import type { SelectRateSearchParams } from "@/types/components/hotelReservation/selectRate/selectRate"
|
|
import type { Lang } from "@/constants/languages"
|
|
import type { SelectHotelParams } from "@/utils/url"
|
|
|
|
export default async function SelectRatePage({
|
|
lang,
|
|
booking,
|
|
}: {
|
|
lang: Lang
|
|
booking: SelectHotelParams<SelectRateSearchParams>
|
|
}) {
|
|
const searchDetails = await getHotelSearchDetails(booking)
|
|
if (!searchDetails?.hotel) {
|
|
return notFound()
|
|
}
|
|
const { adultsInRoom, childrenInRoom, hotel, noOfRooms, bookingCode } =
|
|
searchDetails
|
|
|
|
const hotelData = await getHotel({
|
|
hotelId: hotel.id,
|
|
isCardOnlyPayment: false,
|
|
language: lang,
|
|
})
|
|
|
|
if (!hotelData) {
|
|
return notFound()
|
|
}
|
|
|
|
let isInValidFNF = false
|
|
if (bookingCode && FamilyAndFriendsCodes.includes(bookingCode)) {
|
|
const cookieStore = await cookies()
|
|
isInValidFNF = cookieStore.get("sc")?.value !== "1"
|
|
}
|
|
return (
|
|
<>
|
|
<HotelInfoCard hotel={hotelData.hotel} />
|
|
|
|
{isInValidFNF ? (
|
|
<FnFNotAllowedAlert />
|
|
) : (
|
|
<RoomsContainer
|
|
hotelType={hotelData.hotel.hotelType}
|
|
roomCategories={hotelData.roomCategories}
|
|
vat={hotelData.hotel.vat}
|
|
/>
|
|
)}
|
|
|
|
<Tracking
|
|
adultsInRoom={adultsInRoom}
|
|
childrenInRoom={childrenInRoom}
|
|
hotelId={hotel.id}
|
|
hotelName={hotel.name}
|
|
noOfRooms={noOfRooms}
|
|
country={hotelData.hotel.address.country}
|
|
city={hotelData.hotel.address.city}
|
|
/>
|
|
|
|
<AvailabilityError />
|
|
</>
|
|
)
|
|
}
|