From d8eee45811caad8499d5d44e9b1a93da673f259d Mon Sep 17 00:00:00 2001
From: hhjk00 <eunyu0604@gmail.com>
Date: Thu, 14 Sep 2023 15:46:17 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A9=94=EB=89=B4=EA=B3=A0=EC=A0=95=20toggler?=
 =?UTF-8?q?=20=ED=91=9C=EC=B6=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../menu/vertical-menu/VerticalMenuHeader.js  | 40 ++++++++++++-------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/src/@core/layouts/components/menu/vertical-menu/VerticalMenuHeader.js b/src/@core/layouts/components/menu/vertical-menu/VerticalMenuHeader.js
index 747eec66..75bb4815 100644
--- a/src/@core/layouts/components/menu/vertical-menu/VerticalMenuHeader.js
+++ b/src/@core/layouts/components/menu/vertical-menu/VerticalMenuHeader.js
@@ -1,21 +1,27 @@
 // ** React Imports
-import { useEffect } from 'react'
-import { NavLink } from 'react-router-dom'
+import { useEffect } from 'react';
+import { NavLink } from 'react-router-dom';
 
 // ** Third Party Components
-import { Disc, X, Circle } from 'react-feather'
+import { Disc, X, Circle } from 'react-feather';
 
 // ** Config
-import themeConfig from '@configs/themeConfig'
+import themeConfig from '@configs/themeConfig';
 
 const VerticalMenuHeader = props => {
   // ** Props
-  const { menuCollapsed, setMenuCollapsed, setMenuVisibility, setGroupOpen, menuHover } = props
+  const {
+    menuCollapsed,
+    setMenuCollapsed,
+    setMenuVisibility,
+    setGroupOpen,
+    menuHover
+  } = props;
 
   // ** Reset open group
   useEffect(() => {
-    if (!menuHover && menuCollapsed) setGroupOpen([])
-  }, [menuHover, menuCollapsed])
+    if (!menuHover && menuCollapsed) setGroupOpen([]);
+  }, [menuHover, menuCollapsed]);
 
   // ** Menu toggler component
   const Toggler = () => {
@@ -27,7 +33,7 @@ const VerticalMenuHeader = props => {
           className='text-primary toggle-icon d-none d-xl-block'
           onClick={() => setMenuCollapsed(true)}
         />
-      )
+      );
     } else {
       return (
         <Circle
@@ -36,15 +42,15 @@ const VerticalMenuHeader = props => {
           className='text-primary toggle-icon d-none d-xl-block'
           onClick={() => setMenuCollapsed(false)}
         />
-      )
+      );
     }
-  }
+  };
 
   return (
     <div className='navbar-header'>
       <ul className='nav navbar-nav flex-row'>
         <li className='nav-item mr-auto'>
-          <NavLink to='/' className='navbar-brand'>
+          <NavLink to='/' className='navbar-brand' style={{ marginRight: 0 }}>
             <span className='brand-logo'>
               <img src={themeConfig.app.appLogoImage} alt='logo' />
             </span>
@@ -54,12 +60,16 @@ const VerticalMenuHeader = props => {
         <li className='nav-item nav-toggle'>
           <div className='nav-link modern-nav-toggle cursor-pointer'>
             <Toggler />
-            <X onClick={() => setMenuVisibility(false)} className='toggle-icon icon-x d-block d-xl-none' size={20} />
+            <X
+              onClick={() => setMenuVisibility(false)}
+              className='toggle-icon icon-x d-block d-xl-none'
+              size={20}
+            />
           </div>
         </li>
       </ul>
     </div>
-  )
-}
+  );
+};
 
-export default VerticalMenuHeader
+export default VerticalMenuHeader;