From cb30468cdbfbf59baf7e1e22642d738c0cc35ed6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anton=20Lovri=C4=87?= <antonlovri81@gmail.com>
Date: Sun, 11 Feb 2024 20:37:22 +0100
Subject: [PATCH] fix: close menu after mobile navigation

---
 src/components/Header/Header.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index 81f95dc..16f5534 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -22,6 +22,8 @@ const Header = () => {
     mobileMenu.current?.classList.toggle('hidden');
   };
 
+  const handleLinkClick = () => menuHandler();
+
   return (
     <header>
       <img height={100} src='/assets/logo.webp' alt='' />
@@ -40,7 +42,7 @@ const Header = () => {
         </div>
         <nav ref={mobileMenu} className='nav-links__mobile hidden'>
           {navLinks.map((link: INavLink) => (
-            <a key={link.name} href={link.href}>
+            <a onClick={handleLinkClick} key={link.name} href={link.href}>
               {link.name}
             </a>
           ))}