메뉴

src/entities/home/ui/favorite-wrapper.tsx

@@ -84,7 +84,7 @@ export const FavoriteWrapper = ({
   };
   const makeAddFavoriteItem = () => {
     let rs = [];
-    if(!editMode){
+    if(!editMode && usingType === 'menu'){
       rs.push(
         <SwiperSlide key={ `favorite-item-add-slide-key` }>
           <div 

src/entities/home/ui/hidden-page.tsx

@@ -1,14 +0,0 @@
-import { useSetFavoriteEdit, useSetMenuOn } from '@/widgets/sub-layout/use-sub-layout';
-
-export interface HiddenPageProps {
-
-}
-export const HiddenPage = ({
-  
-}: HiddenPageProps) => {
-  useSetMenuOn(true);
-  useSetFavoriteEdit(true);
-  return (
-    <></>
-  );
-};

src/entities/menu/model/types.ts

@@ -8,12 +8,4 @@ export interface MenuItem {
   path?: string;
   subMenu?: Array<MenuItem>
 };
-export interface MenuCategoryProps {
-  menuId?: string;
-  menuIcon?: string;
-  menuName?: string;
-  subMenu?: Array<MenuItem>;
-  setMenuOn?: (menuOn: boolean) => void;
-  editMode?: boolean;
-  setChangeMenuId: (menuId?: string) => void;
-};
+

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

@@ -1,11 +1,23 @@
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
-import { MenuCategoryProps } from '../model/types';
 import { useStore } from '@/shared/model/store';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { UserFavorite } from '@/entities/user/model/types';
-import { useEffect, useState } from 'react';
+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?: string;
+  menuIcon?: string;
+  menuName?: string;
+  subMenu?: Array<MenuItem>;
+  setMenuOn?: (menuOn: boolean) => void;
+  editMode?: boolean;
+  setChangeMenuId: (menuId?: string) => void;
+  buttonRefs: RefObject<Array<HTMLDivElement>>;
+  itemIndex: number;
+};
 
 export const MenuCategory = ({
   menuId,
@@ -14,7 +26,9 @@ export const MenuCategory = ({
   subMenu,
   setMenuOn,
   editMode,
-  setChangeMenuId
+  setChangeMenuId,
+  buttonRefs,
+  itemIndex
 }: MenuCategoryProps) => {
   const { navigate } = useNavigate();
   const location = useLocation();
@@ -123,7 +137,10 @@ export const MenuCategory = ({
 
   return (
     <>
-      <div className={`menu-category`}>
+      <div 
+        className={`menu-category ${menuId}`} 
+        ref={ (element: HTMLDivElement) => { buttonRefs.current[itemIndex] = element } }
+      >
         <div className="category-header">
           <div className={ 'category-icon ' + menuIcon }></div>
           <span>{ menuName }</span>