From 51b9a8bd1e636b596557b95a3858f38684b15b52 Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Sun, 2 Jun 2024 01:34:05 +0900
Subject: [PATCH] feat: add DrawerClose to each sidenav link to close sidenav
 after click

---
 packages/react/src/MainLayout.tsx | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/packages/react/src/MainLayout.tsx b/packages/react/src/MainLayout.tsx
index cf3b021..09f146a 100644
--- a/packages/react/src/MainLayout.tsx
+++ b/packages/react/src/MainLayout.tsx
@@ -151,14 +151,16 @@ function TopNav() {
                   </DrawerClose>
                   <div className="flex flex-col justify-start items-start gap-6 text-lg">
                     <div className="flex flex-col justify-start items-start gap-3">
-                      <Link to="/" className="font-extrabold">
-                        PSW/UI
-                      </Link>
+                      <DrawerClose>
+                        <Link to="/" className="font-extrabold">
+                          PSW/UI
+                        </Link>
+                      </DrawerClose>
                       {RouteObject.mainNav.map((link) => {
                         return (
-                          <Link to={link.path} key={link.path}>
-                            {link.name}
-                          </Link>
+                          <DrawerClose key={link.path}>
+                            <Link to={link.path}>{link.name}</Link>
+                          </DrawerClose>
                         );
                       })}
                     </div>
@@ -172,13 +174,14 @@ function TopNav() {
                             <h2 className="font-bold">{categoryName}</h2>
                             {links.map((link) => {
                               return (
-                                <Link
-                                  key={link.path}
-                                  to={link.path}
-                                  className="text-base opacity-75"
-                                >
-                                  {link.name}
-                                </Link>
+                                <DrawerClose key={link.path}>
+                                  <Link
+                                    to={link.path}
+                                    className="text-base opacity-75"
+                                  >
+                                    {link.name}
+                                  </Link>
+                                </DrawerClose>
                               );
                             })}
                           </div>