작업중

src/shared/constants/paths.ts

@@ -305,6 +305,13 @@ export const PATHS: RouteNamesType = {
         ROUTE_NAMES.additionalService.payout.request,
       ),
     },
+    faceAuth: {
+      base: generatePath(`${ROUTE_NAMES.additionalService.base}${ROUTE_NAMES.additionalService.faceAuth.base}`),
+      list: generatePath(
+        `${ROUTE_NAMES.additionalService.base}${ROUTE_NAMES.additionalService.faceAuth.base}`,
+        ROUTE_NAMES.additionalService.faceAuth.list,
+      ),
+    }
   },
   support: {
     base: generatePath(ROUTE_NAMES.support.base),

src/shared/constants/route-names.ts

@@ -131,6 +131,10 @@ export const ROUTE_NAMES = {
       detail: 'detail',
       request: 'request',
     },
+    faceAuth: {
+      base: '/face-auth/*',
+      list: 'list',
+    }
     
   },
   support: {

src/shared/ui/menu/index.tsx

@@ -10,10 +10,12 @@ import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@
 export interface MenuProps {
   menuOn: boolean;
   setMenuOn: (menuOn: boolean) => void;
+  favoriteEdit?: boolean;
 };
 export const Menu = ({
   menuOn,
-  setMenuOn
+  setMenuOn,
+  favoriteEdit
 }: MenuProps) => {
   const { navigate } = useNavigate();
   const userInfo = useStore((state) => state.UserStore.userInfo);
@@ -24,8 +26,7 @@ export const Menu = ({
   };
   const onClickToMenuClose = () => {
     setMenuOn(false);
-  };
-  
+  };  
 
   const menuCategoryItems = {
     transaction: {
@@ -93,6 +94,7 @@ export const Menu = ({
         {title: '자금이체', path: PATHS.additionalService.fundAccount.transferList},
         {title: '정산대행', path: PATHS.additionalService.settlementAgency.manage},
         {title: '지급대행', path: PATHS.additionalService.payout.list},
+        {title: '안면인증', path: PATHS.additionalService.faceAuth.list}
       ]
     },
     support: {
@@ -105,12 +107,7 @@ export const Menu = ({
       ]
     },
   }
-
-  const variants = {
-    hidden: { x: '100%' },
-    visible: { x: '0%' },
-  };
-
+  
   const getMenuCategory = () => {
     let rs = [];
     for (const [key, value] of Object.entries(menuCategoryItems)) {
@@ -121,6 +118,7 @@ export const Menu = ({
           categoryIcon={ value.categoryIcon }
           items={ value.items }
           setMenuOn={ setMenuOn }
+          favoriteEdit={ favoriteEdit }
         />
       );
     }
@@ -139,25 +137,38 @@ export const Menu = ({
       >
         <div className="full-menu-container">
           <div className="full-menu-header">
-            <div className="full-menu-title">{ 'nictest001m' } <span>(madzoneviper)</span></div>
+            <div className="full-menu-title">
+              { 'nictest001m' } 
+              <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="설정" />
+                <img 
+                  src={ IMAGE_ROOT + '/ico_set.svg' } 
+                  alt="설정" 
+                />
               </button>
               <button 
                 className="full-menu-close"
                 onClick={ () => onClickToMenuClose() }
               >
-                <img src={ IMAGE_ROOT + '/ico_close.svg' } alt="설정" />
+                <img 
+                  src={ IMAGE_ROOT + '/ico_close.svg' } 
+                  alt="설정"
+                />
               </button>
             </div>
           </div>
             
           <div className="full-menu-top-nav">
-            { <FavoriteWrapper></FavoriteWrapper> }
+            { 
+              <FavoriteWrapper
+                usingType='menu'
+              ></FavoriteWrapper> 
+            }
           </div>
             
           <div>