메뉴 즐겨찾기

src/shared/configs/sentry/index.tsx

@@ -84,31 +84,6 @@ const AdditionalServicePages  = lazyLoad('/src/pages/additional-service/addition
 const SupportPages            = lazyLoad('/src/pages/support/support-pages');
 const SettingPage             = lazyLoad('/src/pages/setting/setting-page'); 
 const AlarmPages              = lazyLoad('/src/pages/alarm/alarm-pages'); 
-/*
-const IntroPage = lazyLoad('/src/pages/intro/intro-page');
-const StartPage = lazyLoad('/src/pages/sign-up/start/start-page');
-const AppAuthPage = lazyLoad('/src/pages/sign-up/app-auth/app-auth-page');
-const MobileVerificationPage = lazyLoad('/src/pages/sign-up/mobile-verification/mobile-verification-page');
-const SignUpPages = lazyLoad('/src/pages/sign-up/sign-up-pages');
-const IssueWalletPages = lazyLoad('/src/pages/issue-wallet/issue-wallet-pages');
-const MyWalletPages = lazyLoad('/src/pages/my-wallet/my-wallet-pages');
-const ExchangePages = lazyLoad('/src/pages/exchange/exchange-pages');
-const MyBankAccountPage = lazyLoad('/src/pages/my-bank-account/my-bank-account-page');
-const SecurityPage = lazyLoad('/src/pages/security/security-page');
-const AppVersionPage = lazyLoad('/src/pages/app-version/app-version-page');
-const SettingFontSizePage = lazyLoad('/src/pages/setting-font-size/setting-font-size-page');
-const CommunityPages = lazyLoad('/src/pages/community/community-pages');
-const MenuPage = lazyLoad('/src/pages/menu/menu-page');
-const LoginPage = lazyLoad('/src/pages/login/login-page');
-const ReLoginPage = lazyLoad('/src/pages/login/re-login-page');
-const HomePage = lazyLoad('/src/pages/home/home-page');
-const ShopListPage = lazyLoad('/src/pages/shop-list/shop-list-page');
-const NotificationPages = lazyLoad('/src/pages/notification/notification-pages');
-const PaymentPages = lazyLoad('/src/pages/payment/payment-pages');
-const VoucherPages = lazyLoad('/src/pages/voucher/voucher-pages');
-const PaymentGuidePage = lazyLoad('/src/pages/payment/payment-guide-page');
-const InputShopWalletAddressPage = lazyLoad('/src/pages/payment/input-shop-wallet-address-page');
-*/
 
 export const SentryRoutes = Sentry.withSentryReactRouterV6Routing(Routes);
 const Pages = () => {
@@ -139,45 +114,6 @@ const Pages = () => {
               
             </Route>
           </Route>
-          
-          
-          {
-            /*
-            <Route path={ROUTE_NAMES.intro} element={<IntroPage />} />
-          <Route path={ROUTE_NAMES.start} element={<StartPage />} />
-          <Route path={ROUTE_NAMES.appAuth} element={<AppAuthPage />} />
-          <Route element={<SubLayout />}>
-            <Route path={ROUTE_NAMES.mobileVerification} element={<MobileVerificationPage />} />
-            <Route path={ROUTE_NAMES.signUp.base} element={<SignUpPages />} />
-            <Route element={<ProtectedRoute />}>
-              <Route path={ROUTE_NAMES.issueWallet.base} element={<IssueWalletPages />} />
-              <Route path={ROUTE_NAMES.myWallet.base} element={<MyWalletPages />} />
-              <Route path={ROUTE_NAMES.exchange.base} element={<ExchangePages />} />
-              <Route path={ROUTE_NAMES.myBankAccount} element={<MyBankAccountPage />} />
-              <Route path={ROUTE_NAMES.security} element={<SecurityPage />} />
-              <Route path={ROUTE_NAMES.appVersion} element={<AppVersionPage />} />
-              <Route path={ROUTE_NAMES.settingFontSize} element={<SettingFontSizePage />} />
-              <Route path={ROUTE_NAMES.community.base} element={<CommunityPages />} />
-              <Route path={ROUTE_NAMES.shopList} element={<ShopListPage />} />
-              <Route path={ROUTE_NAMES.notification.base} element={<NotificationPages />} />
-              <Route path={ROUTE_NAMES.payment.base} element={<PaymentPages />} />
-              <Route path={ROUTE_NAMES.menu} element={<MenuPage />} />
-              <Route path={ROUTE_NAMES.voucher.base} element={<VoucherPages />} />
-            </Route>
-            <Route path="*" element={<NotFoundError />} />
-          </Route>
-          <Route path={ROUTE_NAMES.login} element={<LoginPage />} />
-          <Route path={ROUTE_NAMES.reLogin} element={<ReLoginPage />} />
-          <Route element={<PullToRefreshRoute />}>
-            <Route element={<ProtectedRoute />}>
-              <Route path={ROUTE_NAMES.home} element={<HomePage />} />
-            </Route>
-          </Route>
-          <Route path={ROUTE_NAMES.paymentGuide} element={<PaymentGuidePage />} />
-          <Route path={ROUTE_NAMES.inputShopWalletAddr} element={<InputShopWalletAddressPage />} />
-          */
-          }
-          
         </SentryRoutes>
       </GlobalAPIErrorBoundary>
     </OverlayProvider>

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">