From 3c566fbce91118a157f44b43a5d95dbe686baff7 Mon Sep 17 00:00:00 2001
From: PrinOrange <prinorange@outlook.com>
Date: Fri, 29 Dec 2023 09:25:53 +0800
Subject: [PATCH] fix sidenav open state after clicking links

---
 components/utils/NavBar.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/utils/NavBar.tsx b/components/utils/NavBar.tsx
index 7fdfa20..61c7efc 100644
--- a/components/utils/NavBar.tsx
+++ b/components/utils/NavBar.tsx
@@ -47,7 +47,12 @@ export const NavBar = () => {
         </Link>
         <div className="my-auto hidden sm:flex">
           {MenuItems.map((menuItem) => (
-            <Link href={menuItem.href} key={nanoid()} className="nav-link mx-2 my-auto px-2">
+            <Link
+              href={menuItem.href}
+              key={nanoid()}
+              className="nav-link mx-2 my-auto px-2"
+              onClick={() => setIsSideNavOpen(false)}
+            >
               {menuItem.title}
             </Link>
           ))}
@@ -74,6 +79,7 @@ export const NavBar = () => {
                 href={menuItem.href}
                 key={nanoid()}
                 className="border-b border-dashed p-3 text-xl hover:text-sky-500"
+                onClick={() => setIsSideNavOpen(false)}
               >
                 {menuItem.title}
               </Link>