feat(SW-718): fix comments

components/HotelReservation/SelectRate/RateSummary/index.tsx

@@ -2,6 +2,7 @@ import { useEffect, useState } from "react"
 import { useIntl } from "react-intl"
 
 import { dt } from "@/lib/dt"
+import { useRateSelectionStore } from "@/stores/rate-selection"
 
 import SignupPromoDesktop from "@/components/HotelReservation/SignupPromo/Desktop"
 import SignupPromoMobile from "@/components/HotelReservation/SignupPromo/Mobile"
@@ -16,9 +17,9 @@ import styles from "./rateSummary.module.css"
 
 import type { RateSummaryProps } from "@/types/components/hotelReservation/selectRate/rateSummary"
 import { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
+import type { Rate } from "@/types/components/hotelReservation/selectRate/selectRate"
 
 export default function RateSummary({
-  rateSummary,
   isUserLoggedIn,
   packages,
   roomsAvailability,
@@ -26,12 +27,19 @@ export default function RateSummary({
   const intl = useIntl()
   const [isVisible, setIsVisible] = useState(false)
 
+  const { rateSummary } = useRateSelectionStore()
+
   useEffect(() => {
     const timer = setTimeout(() => setIsVisible(true), 0)
     return () => clearTimeout(timer)
   }, [])
 
   if (rateSummary.length === 0) return null
+
+  const selectedRateSummary = rateSummary.filter(
+    (summary): summary is Rate => summary !== null
+  )
+
   const {
     member,
     public: publicRate,
@@ -39,7 +47,7 @@ export default function RateSummary({
     roomType,
     priceName,
     priceTerm,
-  } = rateSummary[0] // TODO: Support multiple rooms
+  } = selectedRateSummary[0] // TODO: Support multiple rooms
 
   const isPetRoomSelected = features.some(
     (feature) => feature.code === RoomPackageCodeEnum.PET_ROOM