feat(SW-1111) Added Suspense on map

2024-12-09 11:05:44 +01:00
parent c610b4f532
commit b14a1a7097
9 changed files with 190 additions and 60 deletions
--- a/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton.module.css
+++ b/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton.module.css
@@ -0,0 +1,34 @@
+.container {
+  max-width: var(--max-width);
+  height: 100%;
+}
+
+.listingContainer {
+  background-color: var(--Base-Surface-Secondary-light-Normal);
+  padding: var(--Spacing-x3) var(--Spacing-x4);
+  overflow-y: auto;
+  max-width: 505px;
+  position: relative;
+  height: 100%;
+}
+
+.skeletonContainer {
+  display: none;
+  overflow: hidden;
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin-top: 20px;
+  gap: var(--Spacing-x2);
+  padding-top: var(--Spacing-x6);
+  height: 100%;
+}
+
+.skeletonItem {
+  width: 440px;
+}
+
+@media (min-width: 768px) {
+  .skeletonContainer {
+    display: flex;
+  }
+}