fix(SW-1111) Fix issues with map

components/HotelReservation/SelectHotel/FilterAndSortModal/index.tsx

@@ -36,6 +36,7 @@ import {
 
 export default function FilterAndSortModal({
   filters,
+  setShowSkeleton,
 }: FilterAndSortModalProps) {
   const intl = useIntl()
   useInitializeFiltersFromUrl()
@@ -65,6 +66,9 @@ export default function FilterAndSortModal({
 
   const handleApplyFiltersAndSorting = useCallback(
     (close: () => void) => {
+      if (setShowSkeleton) {
+        setShowSkeleton(true)
+      }
       if (sort === searchParams.get("sort")) {
         close()
       }
@@ -78,8 +82,13 @@ export default function FilterAndSortModal({
         `${pathname}?${newSearchParams.toString()}`
       )
       close()
+      if (setShowSkeleton) {
+        setTimeout(() => {
+          setShowSkeleton(false)
+        }, 500)
+      }
     },
-    [pathname, searchParams, sort]
+    [pathname, searchParams, sort, setShowSkeleton]
   )
 
   return (

components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContent/index.tsx

@@ -115,7 +115,7 @@ export default function SelectHotelContent({
       className={styles.closeButton}
       asChild
     >
-      <Link href={selectHotel(lang)} keepSearchParams>
+      <Link href={selectHotel(lang)} keepSearchParams prefetch>
         <CloseIcon color="burgundy" />
         {intl.formatMessage({ id: "Close the map" })}
       </Link>
@@ -138,7 +138,10 @@ export default function SelectHotelContent({
               <CloseLargeIcon />
             </Link>
           </Button>
-          <FilterAndSortModal filters={filterList} />
+          <FilterAndSortModal
+            filters={filterList}
+            setShowSkeleton={setShowSkeleton}
+          />
         </div>
 
         {showSkeleton ? (