Merged in fix/hoteinfocard-pass-hotel (pull request #1295)

feat:hotel info card - pass hoteldata since we already fetching it on page level

* feat:hotel info card - pass hoteldata since we already fetching it on page level

app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx

@@ -38,6 +38,7 @@ export default async function SelectRatePage({
 
   const hotelData = await getHotel({
     hotelId: hotel.id,
+    isCardOnlyPayment: false,
     language: params.lang,
   })
 
@@ -83,18 +84,8 @@ export default async function SelectRatePage({
 
   return (
     <>
-      <Suspense
+      <Suspense fallback={<HotelInfoCardSkeleton />}>
-        key={JSON.stringify(searchParams)}
+        <HotelInfoCard hotelData={hotelData} />
-        fallback={<HotelInfoCardSkeleton />}
-      >
-        <HotelInfoCard
-          hotelId={hotelId}
-          lang={params.lang}
-          fromDate={fromDate.toDate()}
-          toDate={toDate.toDate()}
-          adultArray={adultsInRoom}
-          childArray={childrenInRoom}
-        />
       </Suspense>
 
       <Suspense

components/HotelReservation/SelectRate/HotelInfoCard/index.tsx

@@ -1,5 +1,3 @@
-import { getHotel } from "@/lib/trpc/memoizedRequests"
-
 import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data"
 import ImageGallery from "@/components/ImageGallery"
 import SkeletonShimmer from "@/components/SkeletonShimmer"
@@ -19,16 +17,7 @@ import styles from "./hotelInfoCard.module.css"
 
 import type { HotelInfoCardProps } from "@/types/components/hotelReservation/selectRate/hotelInfoCard"
 
-export default async function HotelInfoCard({
+export default async function HotelInfoCard({ hotelData }: HotelInfoCardProps) {
-  hotelId,
-  lang,
-}: HotelInfoCardProps) {
-  const hotelData = await getHotel({
-    hotelId: hotelId.toString(),
-    isCardOnlyPayment: false,
-    language: lang,
-  })
-
   const hotel = hotelData?.hotel
   const intl = await getIntl()
 

types/components/hotelReservation/selectRate/hotelInfoCard.ts

@@ -1,11 +1,5 @@
-import type { Lang } from "@/constants/languages"
+import type { HotelData } from "@/types/hotel"
-import type { Child } from "./selectRate"
 
 export interface HotelInfoCardProps {
-  adultArray: number[]
+  hotelData: HotelData | null
-  childArray?: Child[]
-  fromDate: Date
-  hotelId: number
-  lang: Lang
-  toDate: Date
 }