즐겨찾기 끝

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

@@ -1,5 +1,5 @@
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
-import { useFavoriteEditOnStore, useMenuOnStore, useStore } from '@/shared/model/store';
+import { useFavoriteEditOnStore, useMenuIds, useMenuOnStore, useStore } from '@/shared/model/store';
 import { UserFavorite } from '@/entities/user/model/types';
 import { RefObject, useEffect, useState } from 'react';
 import { MenuItem } from '../model/types';
@@ -33,10 +33,11 @@ export const MenuCategory = ({
   const { t, i18n } = useTranslation();
   
   const [favoriteItems, setFavoriteItems] = useState<Array<UserFavorite>>([]);
-  const [menuIds, setMenuIds] = useState<Array<number | undefined>>([]);
+  // const [menuIds, setMenuIds] = useState<Array<number | undefined>>([]);
   
   const { menuOn, setMenuOn } = useMenuOnStore();
   const { favoriteEditOn, setFavoriteEditOn } = useFavoriteEditOnStore();
+  const { menuIds, setMenuIds, deleteMenuId} = useMenuIds();
 
   const onClickToNavigate = (menuId?: number, path?: string) => {
     if(menuId && checkGrant(menuId, 'R')){
@@ -97,27 +98,16 @@ export const MenuCategory = ({
   const callFavoiteItems = () => {
     let userFavorite = useStore.getState().UserStore.userFavorite;
     setFavoriteItems(userFavorite);
-    let newArr: Array<number | undefined> = userFavorite.map((value, _) => {
+    let newArr: Array<number | undefined> = userFavorite.map((value, index) => {
       return value.menuId;
     });
     setMenuIds(newArr); 
   };
 
-  useEffect(() => {
-    callFavoiteItems();
-  }, []);
-
   useEffect(() => {
     callFavoiteItems();
   }, [changeMenuId]);
 
-  useEffect(() => {
-    if(menuIds.length > 0) {
-      // callShortcutSave();
-    }
-
-  }, [menuIds]);
-
   const getMenuItems = () => {
     let rs = [];
     if(subMenu){