diff --git a/src/entities/menu/ui/menu-category.tsx b/src/entities/menu/ui/menu-category.tsx index 53d7335..fd1ce52 100644 --- a/src/entities/menu/ui/menu-category.tsx +++ b/src/entities/menu/ui/menu-category.tsx @@ -4,13 +4,12 @@ import { IMAGE_ROOT } from '@/shared/constants/common'; import { UserFavorite } from '@/entities/user/model/types'; import { RefObject, useEffect, useState } from 'react'; import { useLocation } from 'react-router'; -import { PATHS } from '@/shared/constants/paths'; import { MenuItem } from '../model/types'; export interface MenuCategoryProps { menuId?: number; - menuIcon?: string; menuName?: string; + iconFilePath?: string; subMenu?: Array; setMenuOn?: (menuOn: boolean) => void; editMode?: boolean; @@ -21,7 +20,7 @@ export interface MenuCategoryProps { export const MenuCategory = ({ menuId, - menuIcon, + iconFilePath, menuName, subMenu, setMenuOn, @@ -31,7 +30,7 @@ export const MenuCategory = ({ itemIndex }: MenuCategoryProps) => { const { navigate } = useNavigate(); - const location = useLocation(); + // const location = useLocation(); const [favoriteItems, setFavoriteItems] = useState>([]); const [menuIds, setMenuIds] = useState>([]); @@ -52,36 +51,39 @@ export const MenuCategory = ({ programPath?: string, ) => { let userFavorite = useStore.getState().UserStore.userFavorite; - let randomNum = Math.floor(Math.random() * 3) + 1; if(checked){ + // 즐겨찾기가 4개 이상일 경우 마지막 항목 제거 + if(userFavorite.length >= 4){ + userFavorite = userFavorite.slice(0, 3); + } userFavorite = [ ...userFavorite, { menuId: menuId, menuName: menuName, menuNameEng: menuNameEng, - iconFilePath: `${IMAGE_ROOT}/ico_menu_0${randomNum}.svg`, + iconFilePath: iconFilePath, programPath: programPath } ]; } else{ - userFavorite = userFavorite.filter((value, index) => { + userFavorite = userFavorite.filter((value, _) => { return value.menuId !== menuId }); } useStore.getState().UserStore.setUserFavorite(userFavorite); setChangeMenuId(`${menuId}-${checked}`); callFavoiteItems(); - if(location.pathname === PATHS.home){ + // if(location.pathname === PATHS.home){ - } + // } }; const callFavoiteItems = () => { let userFavorite = useStore.getState().UserStore.userFavorite; setFavoriteItems(userFavorite); - let newArr: Array = userFavorite.map((value, index) => { + let newArr: Array = userFavorite.map((value, _) => { return value.menuId; }); setMenuIds(newArr); @@ -158,7 +160,7 @@ export const MenuCategory = ({ } } >
-
+
{ menuName }