feat: select bed type

app/[lang]/(live)/(public)/hotelreservation/[section]/page.tsx

@@ -3,9 +3,9 @@ import { notFound } from "next/navigation"
 import { getProfileSafely } from "@/lib/trpc/memoizedRequests"
 import { serverClient } from "@/lib/trpc/server"
 
+import BedType from "@/components/HotelReservation/EnterDetails/BedType"
 import Details from "@/components/HotelReservation/EnterDetails/Details"
 import HotelSelectionHeader from "@/components/HotelReservation/HotelSelectionHeader"
-import BedSelection from "@/components/HotelReservation/SelectRate/BedSelection"
 import BreakfastSelection from "@/components/HotelReservation/SelectRate/BreakfastSelection"
 import Payment from "@/components/HotelReservation/SelectRate/Payment"
 import RoomSelection from "@/components/HotelReservation/SelectRate/RoomSelection"
@@ -104,7 +104,7 @@ export default async function SectionsPage({
 
   const selectedBreakfast = searchParams.breakfast
     ? breakfastAlternatives.find((a) => a.value === searchParams.breakfast)
-        ?.name
+      ?.name
     : undefined
 
   const selectedRoom = searchParams.roomClass
@@ -132,9 +132,9 @@ export default async function SectionsPage({
             selection={
               selectedRoom
                 ? [
-                    selectedRoom,
-                    intl.formatMessage({ id: selectedFlexibility }),
-                  ]
+                  selectedRoom,
+                  intl.formatMessage({ id: selectedFlexibility }),
+                ]
                 : undefined
             }
             path={`select-rate?${currentSearchParams}`}
@@ -155,12 +155,7 @@ export default async function SectionsPage({
             selection={selectedBed}
             path={`select-bed?${currentSearchParams}`}
           >
-            {params.section === "select-bed" && (
-              <BedSelection
-                nextPath="breakfast"
-                alternatives={bedAlternatives}
-              />
-            )}
+            {params.section === "select-bed" ? <BedType /> : null}
           </SectionAccordion>
           <SectionAccordion
             header={intl.formatMessage({ id: "Breakfast" })}

app/[lang]/(live)/@bookingwidget/loading.module.css

@@ -0,0 +1,4 @@
+.container {
+  height: 76px;
+  width: 100%;
+}

app/[lang]/(live)/@bookingwidget/loading.tsx

@@ -0,0 +1,11 @@
+import LoadingSpinner from "@/components/LoadingSpinner"
+
+import styles from "./loading.module.css"
+
+export default function LoadingBookingWidget() {
+  return (
+    <div className={styles.container}>
+      <LoadingSpinner />
+    </div>
+  )
+}