Changed burger menu context

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