fix: add window resize check for header

compsci-adl · Feb 12, 2024 · 9bcc739 · 9bcc739
1 parent 5206fa0
commit 9bcc739
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -21,12 +21,20 @@ export default function Header() {
 
     useEffect(() => {
         window.addEventListener('scroll', handleScroll);
+        window.addEventListener('resize', handleResize);
 
         return () => {
             window.removeEventListener('scroll', handleScroll);
+            window.removeEventListener('resize', handleResize);
         };
     }, []);
 
+    const handleResize = () => {
+        if (window.innerWidth >= 768) {
+            setIsMenuOpen(false);
+        }
+    };
+
     const handleScroll = () => {
         const scrollPosition = window.scrollY;
         setIsScrolled(scrollPosition > 0);