홈 즐겨찾기 변경

src/entities/menu/ui/menu-category.tsx

@@ -1,5 +1,5 @@
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
-import { useStore } from '@/shared/model/store';
+import { useFavoriteEditOnStore, useMenuOnStore, useStore } from '@/shared/model/store';
 import { UserFavorite } from '@/entities/user/model/types';
 import { RefObject, useEffect, useState } from 'react';
 import { MenuItem } from '../model/types';
@@ -13,8 +13,6 @@ export interface MenuCategoryProps {
   menuName?: string;
   iconFilePath?: string;
   subMenu?: Array<MenuItem>;
-  setMenuOn?: (menuOn: boolean) => void;
-  editMode?: boolean;
   changeMenuId?: string;
   setChangeMenuId: (menuIdChecked?: string) => void;
   buttonRefs: RefObject<Array<HTMLDivElement>>;
@@ -26,8 +24,6 @@ export const MenuCategory = ({
   iconFilePath,
   menuName,
   subMenu,
-  setMenuOn,
-  editMode,
   changeMenuId,
   setChangeMenuId,
   buttonRefs,
@@ -39,9 +35,12 @@ export const MenuCategory = ({
   const [favoriteItems, setFavoriteItems] = useState<Array<UserFavorite>>([]);
   const [menuIds, setMenuIds] = useState<Array<number | undefined>>([]);
   
+  const { menuOn, setMenuOn } = useMenuOnStore();
+  const { favoriteEditOn, setFavoriteEditOn } = useFavoriteEditOnStore();
+
   const onClickToNavigate = (menuId?: number, path?: string) => {
     if(menuId && checkGrant(menuId, 'R')){
-      if(!!path && !!setMenuOn && !editMode){
+      if(!!path && !favoriteEditOn){
         setMenuOn(false);
         navigate(path);
       }
@@ -125,7 +124,7 @@ export const MenuCategory = ({
           ? subMenu[i]?.menuNameEng
           : subMenu[i]?.menuName;
 
-        if(!!editMode && subMenu[i] && subMenu[i]?.menuId){
+        if(!!favoriteEditOn && subMenu[i] && subMenu[i]?.menuId){
           rs.push(
             <li
               key={ `menu-item-key-${menuId}-${i}` }