메뉴 즐겨찾기

src/shared/ui/menu/index.tsx

@@ -24,14 +24,21 @@ export const Menu = ({
   const userInfo = useStore((state) => state.UserStore.userInfo);
 
   const [shortBtns, setShortBtns] = useState<Array<Record<string, any>>>([]);
-  
+  const [editMode, setEditMode] = useState<boolean>(false);
+  const [changeMenuId, setChangeMenuId] = useState<string | undefined>();
+
   const onClickToNavigate = (path: string) => {
     onClickToMenuClose();
     navigate(path);
   };
   const onClickToMenuClose = () => {
-    setMenuOn(false);
-  };  
+    if(editMode){
+      setEditMode(false);
+    }
+    else{
+      setMenuOn(false);
+    }
+  };
   
   const getMenuCategory = () => {
     let rs = [];
@@ -44,7 +51,8 @@ export const Menu = ({
           menuName={ MenuItems[i]?.menuName }
           subMenu={ MenuItems[i]?.subMenu }
           setMenuOn={ setMenuOn }
-          favoriteEdit={ favoriteEdit }
+          editMode={ editMode }
+          setChangeMenuId= { setChangeMenuId }
         />
       );
     }
@@ -86,15 +94,17 @@ export const Menu = ({
               <span style={{marginLeft: '4px'}}>(madzoneviper)</span>
             </div>
             <div className="full-menu-actions">
-              <button 
-                className="full-menu-settings"
-                onClick={ () => onClickToNavigate(PATHS.setting) }
-              >
-                <img 
-                  src={ IMAGE_ROOT + '/ico_set.svg' } 
-                  alt="설정" 
-                />
-              </button>
+              { !editMode && 
+                <button 
+                  className="full-menu-settings"
+                  onClick={ () => onClickToNavigate(PATHS.setting) }
+                >
+                  <img 
+                    src={ IMAGE_ROOT + '/ico_set.svg' } 
+                    alt="설정" 
+                  />
+                </button>
+              }
               <button 
                 className="full-menu-close"
                 onClick={ () => onClickToMenuClose() }
@@ -108,11 +118,14 @@ export const Menu = ({
           </div>
             
           <div className="full-menu-top-nav">
-            { 
-              <FavoriteWrapper
-                usingType='menu'
-              ></FavoriteWrapper> 
-            }
+          { 
+            <FavoriteWrapper
+              usingType='menu'
+              editMode={ editMode }
+              setEditMode={ setEditMode }
+              changeMenuId={ changeMenuId }
+            ></FavoriteWrapper> 
+          }
           </div>
             
           <div className="full-menu-keywords-wrap">