Fixed bug with sidebar indicator

ohcnetwork · Sep 13, 2024 · ad3d2b9 · ad3d2b9
1 parent 8b678bf
commit ad3d2b9
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/Components/Common/Sidebar/Sidebar.tsx b/src/Components/Common/Sidebar/Sidebar.tsx
@@ -70,7 +70,7 @@ const StatelessSidebar = ({
   const [lastIndicatorPosition, setLastIndicatorPosition] = useState(0);
   const [isOverflowVisible, setOverflowVisisble] = useState(false);
 
-  useEffect(() => {
+  const updateIndicator = () => {
     if (!indicatorRef.current) return;
     const index = NavItems.findIndex((item) => item.to === activeLink);
     const navItemCount = NavItems.length + (careConfig.urls.dashboard ? 2 : 1); // +2 for notification and dashboard
@@ -94,8 +94,17 @@ const StatelessSidebar = ({
     } else {
       indicatorRef.current.style.display = "none";
     }
+  };
+
+  useEffect(() => {
+    updateIndicator();
   }, [activeLink, lastIndicatorPosition]);
 
+  useEffect(() => {
+    window.addEventListener("resize", updateIndicator);
+    return () => window.removeEventListener("resize", updateIndicator);
+  }, []);
+
   const handleOverflow = (value: boolean) => {
     setOverflowVisisble(value);
   };