env changes

client/.env

@@ -1,3 +1,3 @@
 # VITE_SERVER_API=https://irth.graff.tech/api
-VITE_SERVER_API=http://192.168.1.158:4002
+VITE_SERVER_API=http://192.168.1.158:4003
 # VITE_SERVER_API=http://194.26.138.94:4002

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

@@ -119,11 +119,11 @@ const SequenceWing = () => {
     }
   };
 
-  function handleMouseMove(
+  const handleMouseMove = (
     e: MouseEvent<Element, MouseEvent<Element, MouseEvent>> | any
-  ) {
+  ) => {
     setMousePos([e.clientX - 384, e.clientY + Math.abs(top) - 20]);
-  }
+  };
 
   function handleOnMouseDown(e: MouseEvent | any) {
     const screenWidth = window.innerWidth;
@@ -183,7 +183,7 @@ const SequenceWing = () => {
       window.removeEventListener("mousemove", handleMouseMove);
       window.removeEventListener("mousedown", handleOnMouseDown);
     };
-  }, []);
+  }, [handleMouseMove]);
 
   useEffect(() => {
     if (!isSidebar) {
@@ -245,13 +245,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 ">

server/.env

@@ -1,2 +1,2 @@
-PORT=4002
+PORT=4003
 REFRESH_TOKEN=1000.da3146d49fa8a399f0c635e74954ff9c.e010dbb1bb605d7e1aa5bf7fc0521f8b