Merged in feat/SW-1522-select-rate-alternative-hotels (pull request #1312)

feat(SW-1522): add alternative hotel link on select rate if no availability and move alert

* feat(SW-1522): add alternative hotel link on select rate and move alert


Approved-by: Linus Flood

components/HotelReservation/SelectRate/Rooms/RoomsContainer.tsx

@@ -6,7 +6,6 @@ import {
 } from "@/lib/trpc/memoizedRequests"
 
 import { auth } from "@/auth"
-import Alert from "@/components/TempDesignSystem/Alert"
 import { getIntl } from "@/i18n"
 import { safeTry } from "@/utils/safeTry"
 import { isValidSession } from "@/utils/session"
@@ -15,11 +14,8 @@ import { generateChildrenString } from "../../utils"
 import { combineRoomAvailabilities } from "../utils"
 import Rooms from "."
 
-import styles from "./rooms.module.css"
-
 import { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
 import type { RoomsContainerProps } from "@/types/components/hotelReservation/selectRate/roomsContainer"
-import { AlertTypeEnum } from "@/types/enums/alert"
 
 export async function RoomsContainer({
   adultArray,
@@ -89,19 +85,6 @@ export async function RoomsContainer({
     console.error("[RoomsContainer] unable to fetch packages")
   }
 
-  if (!roomsAvailability) {
-    return (
-      <div className={styles.hotelAlert}>
-        <Alert
-          type={AlertTypeEnum.Info}
-          text={intl.formatMessage({
-            id: "There are no rooms available that match your request",
-          })}
-        />
-      </div>
-    )
-  }
-
   if (!hotelData) {
     // TODO: Log hotel data error
     console.error("[RoomsContainer] unable to fetch hotel data")

components/HotelReservation/SelectRate/Rooms/index.tsx

@@ -106,7 +106,9 @@ export default function Rooms({
   )
 
   useEffect(() => {
-    setRoomsAvailability(roomsAvailability)
+    if (roomsAvailability) {
+      setRoomsAvailability(roomsAvailability)
+    }
     setVisibleRooms()
   }, [roomsAvailability, setRoomsAvailability, setVisibleRooms])
 
@@ -267,7 +269,7 @@ export default function Rooms({
         />
       )}
 
-      {rateSummary && (
+      {rateSummary && roomsAvailability && (
         <form
           method="GET"
           action={`details?${searchParams}`}

components/HotelReservation/SelectRate/Rooms/rooms.module.css

@@ -50,7 +50,7 @@
 }
 
 .hotelAlert {
-  max-width: var(--max-width-navigation);
+  width: 100%;
   margin: 0 auto;
   padding: var(--Spacing-x-one-and-half);
 }