From 7f50d344316d82f00128c394174b8714d68ed93d Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 9 Dec 2024 16:46:00 +0100
Subject: [PATCH] fix(SW-1111) Added Loading instead of Suspense

---
 .../(standard)/select-hotel/map/loading.tsx        |  5 +++++
 .../(standard)/select-hotel/map/page.tsx           | 14 ++++++--------
 2 files changed, 11 insertions(+), 8 deletions(-)
 create mode 100644 app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/loading.tsx

diff --git a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/loading.tsx b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/loading.tsx
new file mode 100644
index 000000000..fefdc7682
--- /dev/null
+++ b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/loading.tsx
@@ -0,0 +1,5 @@
+import { SelectHotelMapContainerSkeleton } from "@/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton"
+
+export default function Loading() {
+  return <SelectHotelMapContainerSkeleton />
+}
diff --git a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/page.tsx
index 9345d24b9..47af6c424 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/page.tsx
+++ b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/page.tsx
@@ -44,14 +44,12 @@ export default async function SelectHotelMapPage({
   return (
     <div className={styles.main}>
       <MapContainer>
-        <Suspense key={city.id} fallback={<SelectHotelMapContainerSkeleton />}>
-          <SelectHotelMapContainer
-            city={city}
-            searchParams={searchParams}
-            adultsInRoom={adultsInRoom}
-            childrenInRoom={childrenInRoom}
-          />
-        </Suspense>
+        <SelectHotelMapContainer
+          city={city}
+          searchParams={searchParams}
+          adultsInRoom={adultsInRoom}
+          childrenInRoom={childrenInRoom}
+        />
       </MapContainer>
     </div>
   )