ea3b86c33e
Feat/SW-451 ui hotel card * feat(SW-451): initial design * feat(SW-451): add gallery icon and responsive design for mobile * feat(SW-451): refactor name, add routing to sidepeek * feat(SW-451): add updated design * feat(SW-451): add tripadvisor chip * feat(SW-451): fix gallery icon * feat(SW-451): fix additional falsy value check * feat(SW-451): fix import type * feat(SW-451): remove galleryIcon until image data exists * feat(SW-451): fix css styling * feat(SW-451): add new design for mobile * feat(SW-451): add translation * feat(SW-451): change css to mobile first * feat(SW-451): change div to article Approved-by: Matilda Landström
67 lines
2.2 KiB
TypeScript
67 lines
2.2 KiB
TypeScript
import { getProfileSafely } from "@/lib/trpc/memoizedRequests"
|
|
import { serverClient } from "@/lib/trpc/server"
|
|
|
|
import HotelInfoCard from "@/components/HotelReservation/SelectRate/HotelInfoCard"
|
|
import RoomSelection from "@/components/HotelReservation/SelectRate/RoomSelection"
|
|
import getHotelReservationQueryParams from "@/components/HotelReservation/SelectRate/RoomSelection/utils"
|
|
import { setLang } from "@/i18n/serverContext"
|
|
|
|
import styles from "./page.module.css"
|
|
|
|
import { SelectRateSearchParams } from "@/types/components/hotelReservation/selectRate/selectRate"
|
|
import { LangParams, PageArgs } from "@/types/params"
|
|
|
|
export default async function SelectRatePage({
|
|
params,
|
|
searchParams,
|
|
}: PageArgs<LangParams & { section: string }, SelectRateSearchParams>) {
|
|
setLang(params.lang)
|
|
|
|
const selecetRoomParams = new URLSearchParams(searchParams)
|
|
const selecetRoomParamsObject =
|
|
getHotelReservationQueryParams(selecetRoomParams)
|
|
const adults = selecetRoomParamsObject.room[0].adults // TODO: Handle multiple rooms
|
|
const children = selecetRoomParamsObject.room[0].child.length // TODO: Handle multiple rooms
|
|
|
|
const [hotelData, roomConfigurations, user] = await Promise.all([
|
|
serverClient().hotel.hotelData.get({
|
|
hotelId: searchParams.hotel,
|
|
language: params.lang,
|
|
include: ["RoomCategories"],
|
|
}),
|
|
serverClient().hotel.availability.rooms({
|
|
hotelId: parseInt(searchParams.hotel, 10),
|
|
roomStayStartDate: searchParams.fromDate,
|
|
roomStayEndDate: searchParams.toDate,
|
|
adults: adults,
|
|
children: children,
|
|
}),
|
|
getProfileSafely(),
|
|
])
|
|
|
|
if (!roomConfigurations) {
|
|
return "No rooms found" // TODO: Add a proper error message
|
|
}
|
|
|
|
if (!hotelData) {
|
|
return "No hotel data found" // TODO: Add a proper error message
|
|
}
|
|
|
|
const roomCategories = hotelData?.included
|
|
|
|
return (
|
|
<div>
|
|
<HotelInfoCard hotelData={hotelData} />
|
|
<div className={styles.content}>
|
|
<div className={styles.main}>
|
|
<RoomSelection
|
|
roomConfigurations={roomConfigurations}
|
|
roomCategories={roomCategories ?? []}
|
|
user={user}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|