fix: valid session check in rooms container

components/HotelReservation/SelectRate/RoomSelection/index.tsx

@@ -1,8 +1,10 @@
 "use client"
 import { usePathname, useRouter, useSearchParams } from "next/navigation"
+import { useSession } from "next-auth/react"
 import { useCallback, useEffect, useMemo, useRef } from "react"
 
 import { debounce } from "@/utils/debounce"
+import { isValidSession } from "@/utils/session"
 
 import RateSummary from "./RateSummary"
 import RoomCard from "./RoomCard"
@@ -20,7 +22,6 @@ import type { RoomSelectionProps } from "@/types/components/hotelReservation/sel
 export default function RoomSelection({
   roomsAvailability,
   roomCategories,
-  user,
   availablePackages,
   selectedPackages,
   setRateCode,
@@ -30,7 +31,8 @@ export default function RoomSelection({
   const router = useRouter()
   const pathname = usePathname()
   const searchParams = useSearchParams()
-  const isUserLoggedIn = !!user
+  const session = useSession()
+  const isUserLoggedIn = isValidSession(session.data)
   const roomRefs = useRef<HTMLLIElement[]>([])
   const { roomConfigurations, rateDefinitions } = roomsAvailability
 

components/HotelReservation/SelectRate/Rooms/RoomsContainer.tsx

@@ -32,8 +32,6 @@ export async function RoomsContainer({
   childArray,
   lang,
 }: Props) {
-  const user = await getProfileSafely()
-
   const fromDateString = dt(fromDate).format("YYYY-MM-DD")
   const toDateString = dt(toDate).format("YYYY-MM-DD")
 
@@ -92,7 +90,6 @@ export async function RoomsContainer({
 
   return (
     <Rooms
-      user={user}
       availablePackages={packages ?? []}
       roomsAvailability={roomsAvailability}
       roomCategories={hotelData?.included?.rooms ?? []}

components/HotelReservation/SelectRate/Rooms/index.tsx

@@ -23,7 +23,6 @@ import type { RoomConfiguration } from "@/server/routers/hotels/output"
 export default function Rooms({
   roomsAvailability,
   roomCategories = [],
-  user,
   availablePackages,
   hotelType,
 }: SelectRateProps) {
@@ -184,7 +183,6 @@ export default function Rooms({
       <RoomSelection
         roomsAvailability={rooms}
         roomCategories={roomCategories}
-        user={user}
         availablePackages={availablePackages}
         selectedPackages={selectedPackages}
         setRateCode={setSelectedRate}

types/components/hotelReservation/selectRate/roomSelection.ts

@@ -7,7 +7,6 @@ import type { Rate, RateCode } from "./selectRate"
 export interface RoomSelectionProps {
   roomsAvailability: RoomsAvailability
   roomCategories: RoomData[]
-  user: SafeUser
   availablePackages: RoomPackageData | undefined
   selectedPackages: RoomPackageCodes[]
   setRateCode: React.Dispatch<React.SetStateAction<RateCode | undefined>>
@@ -18,7 +17,6 @@ export interface RoomSelectionProps {
 export interface SelectRateProps {
   roomsAvailability: RoomsAvailability
   roomCategories: RoomData[]
-  user: SafeUser
   availablePackages: RoomPackageData
   hotelType: string | undefined
 }