search page + favorite page

client/src/components/complexWingPage/SequenceWing/SequenceWing.tsx

@@ -18,6 +18,7 @@ import MobileFloorDescription from "./MobileFloorDescription";
 import WingFloorModal from "../../modals/mobile/WingFloorModal";
 import MobileSkygardenDescription from "./MobileSkygardenDescription";
 import SkygardenModal from "../../modals/mobile/SkygardenModal";
+import LoaderModal from "../../modals/LoaderModal";
 
 // const skyGardenFloor = 22;
 
@@ -34,8 +35,8 @@ const SequenceWing = () => {
     null
   );
   const [, setIsWrapperHovered] = useState(false);
-  const [isSkygardenSidebar, setIsSkygardenSidebar] = useState(false);
-  const [isFloorSidebar, setIsFloorSidebar] = useState(false);
+  const [isSkygardenSidebar] = useState(false);
+  const [isFloorSidebar] = useState(false);
   const { setModal } = useModal();
   const [apartments, setApartments] = useState<IAparmentRes[]>([]);
   const [currentHoveredApartments, setCurrentHoveredApartments] = useState<
@@ -268,13 +269,13 @@ const SequenceWing = () => {
     sortList,
   ]);
 
-  // useEffect(() => {
-  //   if (isLoading) {
-  //     setModal(<LoaderModal />);
-  //   } else {
-  //     setModal(null);
-  //   }
-  // }, [isLoading, setModal]);
+  useEffect(() => {
+    if (isLoading) {
+      setModal(<LoaderModal />);
+    } else {
+      setModal(null);
+    }
+  }, [isLoading, setModal]);
 
   return (
     <div className="absolute left-0 overflow-hidden h-screen w-screen select-none ">