Changed behavior burger-menu

ita-social-projects · Nov 28, 2024 · eb3752c · eb3752c
1 parent a0ba214
commit eb3752c
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/FrontEnd/src/context/BurgerMenuContext.js b/FrontEnd/src/context/BurgerMenuContext.js
@@ -1,16 +1,18 @@
 import React, { createContext, useState, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
+import { useLocation } from 'react-router-dom';
 
 const BurgerMenuContext = createContext();
 
 export const BurgerMenuProvider = ({ children }) => {
   const [isOpen, setIsOpen] = useState(false);
+  const { pathname } = useLocation();
 
   const toggleMenu = () => setIsOpen((prev) => !prev);
 
   useEffect(() => {
     const handleResize = () => {
-      if (window.innerWidth > 1200 && isOpen) {
+      if (window.innerWidth > 1200) {
         setIsOpen(false);
       }
     };
@@ -20,7 +22,11 @@ export const BurgerMenuProvider = ({ children }) => {
     return () => {
       window.removeEventListener('resize', handleResize);
     };
-  }, [isOpen]);
+  }, []);
+
+  useEffect(() => {
+    setIsOpen(false);
+  }, [pathname]);
 
   return (
     <BurgerMenuContext.Provider value={{ isOpen, toggleMenu }}>