fix: close menu after mobile navigation

antonlovric · Feb 11, 2024 · cb30468 · cb30468
1 parent 0799642
commit cb30468
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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>
           ))}