diff --git a/public/images/menu_icon_31.svg b/public/images/menu_icon_31.svg new file mode 100644 index 0000000..a880799 --- /dev/null +++ b/public/images/menu_icon_31.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/images/menu_icon_32.svg b/public/images/menu_icon_32.svg new file mode 100644 index 0000000..07c0d55 --- /dev/null +++ b/public/images/menu_icon_32.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_33.svg b/public/images/menu_icon_33.svg new file mode 100644 index 0000000..4d17cd4 --- /dev/null +++ b/public/images/menu_icon_33.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/public/images/menu_icon_34.svg b/public/images/menu_icon_34.svg new file mode 100644 index 0000000..ea36660 --- /dev/null +++ b/public/images/menu_icon_34.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/images/menu_icon_36.svg b/public/images/menu_icon_36.svg new file mode 100644 index 0000000..f65f8dd --- /dev/null +++ b/public/images/menu_icon_36.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_37.svg b/public/images/menu_icon_37.svg new file mode 100644 index 0000000..89aaf9d --- /dev/null +++ b/public/images/menu_icon_37.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/images/menu_icon_39.svg b/public/images/menu_icon_39.svg new file mode 100644 index 0000000..94015a6 --- /dev/null +++ b/public/images/menu_icon_39.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_40.svg b/public/images/menu_icon_40.svg new file mode 100644 index 0000000..80345e0 --- /dev/null +++ b/public/images/menu_icon_40.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/images/menu_icon_42.svg b/public/images/menu_icon_42.svg new file mode 100644 index 0000000..16ea5f1 --- /dev/null +++ b/public/images/menu_icon_42.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_43.svg b/public/images/menu_icon_43.svg new file mode 100644 index 0000000..3bc94b9 --- /dev/null +++ b/public/images/menu_icon_43.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/images/menu_icon_45.svg b/public/images/menu_icon_45.svg new file mode 100644 index 0000000..4e4995e --- /dev/null +++ b/public/images/menu_icon_45.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_46.svg b/public/images/menu_icon_46.svg new file mode 100644 index 0000000..f99b674 --- /dev/null +++ b/public/images/menu_icon_46.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/images/menu_icon_48.svg b/public/images/menu_icon_48.svg new file mode 100644 index 0000000..e30ca4b --- /dev/null +++ b/public/images/menu_icon_48.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_49.svg b/public/images/menu_icon_49.svg new file mode 100644 index 0000000..8d4692d --- /dev/null +++ b/public/images/menu_icon_49.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/public/images/menu_icon_51.svg b/public/images/menu_icon_51.svg new file mode 100644 index 0000000..a8f2bae --- /dev/null +++ b/public/images/menu_icon_51.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/menu_icon_52.svg b/public/images/menu_icon_52.svg new file mode 100644 index 0000000..11c7fde --- /dev/null +++ b/public/images/menu_icon_52.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/images/menu_icon_53.svg b/public/images/menu_icon_53.svg new file mode 100644 index 0000000..a04fe9b --- /dev/null +++ b/public/images/menu_icon_53.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_54.svg b/public/images/menu_icon_54.svg new file mode 100644 index 0000000..fea5085 --- /dev/null +++ b/public/images/menu_icon_54.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_55.svg b/public/images/menu_icon_55.svg new file mode 100644 index 0000000..dd8c601 --- /dev/null +++ b/public/images/menu_icon_55.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_56.svg b/public/images/menu_icon_56.svg new file mode 100644 index 0000000..0da8937 --- /dev/null +++ b/public/images/menu_icon_56.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/images/menu_icon_57.svg b/public/images/menu_icon_57.svg new file mode 100644 index 0000000..9032992 --- /dev/null +++ b/public/images/menu_icon_57.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_58.svg b/public/images/menu_icon_58.svg new file mode 100644 index 0000000..5354ccb --- /dev/null +++ b/public/images/menu_icon_58.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/public/images/menu_icon_59.svg b/public/images/menu_icon_59.svg new file mode 100644 index 0000000..7f4986d --- /dev/null +++ b/public/images/menu_icon_59.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_60.svg b/public/images/menu_icon_60.svg new file mode 100644 index 0000000..40b2901 --- /dev/null +++ b/public/images/menu_icon_60.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_62.svg b/public/images/menu_icon_62.svg new file mode 100644 index 0000000..5bcfff9 --- /dev/null +++ b/public/images/menu_icon_62.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_63.svg b/public/images/menu_icon_63.svg new file mode 100644 index 0000000..80f6311 --- /dev/null +++ b/public/images/menu_icon_63.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/images/menu_icon_64.svg b/public/images/menu_icon_64.svg new file mode 100644 index 0000000..b57911f --- /dev/null +++ b/public/images/menu_icon_64.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/public/images/menu_icon_65.svg b/public/images/menu_icon_65.svg new file mode 100644 index 0000000..29eccba --- /dev/null +++ b/public/images/menu_icon_65.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/menu_icon_99.svg b/public/images/menu_icon_99.svg new file mode 100644 index 0000000..94ef19a --- /dev/null +++ b/public/images/menu_icon_99.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/pub/example.xlsx b/public/pub/example.xlsx new file mode 100644 index 0000000..2cb609d --- /dev/null +++ b/public/pub/example.xlsx @@ -0,0 +1 @@ +Test Data diff --git a/src/entities/common/model/constant.ts b/src/entities/common/model/constant.ts index 1061840..b5647e2 100644 --- a/src/entities/common/model/constant.ts +++ b/src/entities/common/model/constant.ts @@ -41,92 +41,92 @@ export const MenuItems = [ menuId: 30, parent: 30, menuName: '거래조회', - menuIcon: 'transaction-icon', + iconFilePath: 'transaction-icon', subMenu: [ - {menuId: 31, parent: 30, menuName: '거래내역조회', menuNameEng: '', programPath: PATHS.transaction.allTransaction.list}, - {menuId: 32, parent: 30, menuName: '현금영수증발행', menuNameEng: '', programPath: PATHS.transaction.cashReceipt.list}, - {menuId: 33, parent: 30, menuName: '에스크로', menuNameEng: '', programPath: PATHS.transaction.escrow.list}, - {menuId: 34, parent: 30, menuName: '빌링', menuNameEng: '', programPath: PATHS.transaction.billing.list} + {menuId: 31, parent: 30, menuName: '거래내역조회', menuNameEng: '',iconFilePath: '/images/menu_icon_31.svg', programPath: PATHS.transaction.allTransaction.list}, + {menuId: 32, parent: 30, menuName: '현금영수증발행', menuNameEng: '',iconFilePath: '/images/menu_icon_32.svg', programPath: PATHS.transaction.cashReceipt.list}, + {menuId: 33, parent: 30, menuName: '에스크로', menuNameEng: '',iconFilePath: '/images/menu_icon_33.svg', programPath: PATHS.transaction.escrow.list}, + {menuId: 34, parent: 30, menuName: '빌링', menuNameEng: '',iconFilePath: '/images/menu_icon_34.svg', programPath: PATHS.transaction.billing.list} ] }, { menuId: 35, parent: 35, menuName: '정산조회', - menuIcon: 'settlement-icon', + iconFilePath: 'settlement-icon', subMenu: [ - {menuId: 36, parent: 35, menuName: '정산달력', menuNameEng: '', programPath: PATHS.settlement.calendar}, - {menuId: 37, parent: 35, menuName: '정산내역', menuNameEng: '', programPath: PATHS.settlement.list} + {menuId: 36, parent: 35, menuName: '정산달력', menuNameEng: '',iconFilePath: '/images/menu_icon_36.svg', programPath: PATHS.settlement.calendar}, + {menuId: 37, parent: 35, menuName: '정산내역', menuNameEng: '',iconFilePath: '/images/menu_icon_37.svg', programPath: PATHS.settlement.list} ] }, { menuId: 38, parent: 38, menuName: '가맹점관리', - menuIcon: 'merchant-icon', + iconFilePath: 'merchant-icon', subMenu: [ - {menuId: 39, parent: 38, menuName: '가맹점정보', menuNameEng: '', programPath: PATHS.merchant.info}, - {menuId: 40, parent: 38, menuName: '등록현황', menuNameEng: '', programPath: PATHS.merchant.registrationStatus} + {menuId: 39, parent: 38, menuName: '가맹점정보', menuNameEng: '',iconFilePath: '/images/menu_icon_39.svg', programPath: PATHS.merchant.info}, + {menuId: 40, parent: 38, menuName: '등록현황', menuNameEng: '',iconFilePath: '/images/menu_icon_40.svg', programPath: PATHS.merchant.registrationStatus} ] }, { menuId: 41, parent: 41, menuName: '결제관리', - menuIcon: 'payment-icon', + iconFilePath: 'payment-icon', subMenu: [ - {menuId: 42, parent: 41, menuName: '결제정보', menuNameEng: '', programPath: PATHS.payment.info}, - {menuId: 43, parent: 41, menuName: '결제데이터통보', menuNameEng: '', programPath: PATHS.payment.notificationData}, + {menuId: 42, parent: 41, menuName: '결제정보', menuNameEng: '',iconFilePath: '/images/menu_icon_42.svg', programPath: PATHS.payment.info}, + {menuId: 43, parent: 41, menuName: '결제데이터통보', menuNameEng: '',iconFilePath: '/images/menu_icon_43.svg', programPath: PATHS.payment.notificationData}, ] }, { menuId: 44, parent: 44, menuName: '계정관리', - menuIcon: 'account-icon', + iconFilePath: 'account-icon', subMenu: [ - {menuId: 45, parent: 44, menuName: '사용자관리', menuNameEng: '', programPath: PATHS.account.user.manage}, - {menuId: 46, parent: 44, menuName: '비밀번호관리', menuNameEng: '', programPath: PATHS.account.password.manage}, + {menuId: 45, parent: 44, menuName: '사용자관리', menuNameEng: '',iconFilePath: '/images/menu_icon_45.svg', programPath: PATHS.account.user.manage}, + {menuId: 46, parent: 44, menuName: '비밀번호관리', menuNameEng: '',iconFilePath: '/images/menu_icon_46.svg', programPath: PATHS.account.password.manage}, ] }, { menuId: 47, parent: 47, menuName: '부가세신고자료', - menuIcon: 'vat-icon', + iconFilePath: 'vat-icon', subMenu: [ - {menuId: 48, parent: 47, menuName: '세금계산서', menuNameEng: '', programPath: PATHS.vatReturn.list}, - {menuId: 49, parent: 47, menuName: '부가세참고', menuNameEng: '', programPath: PATHS.vatReturn.reference}, + {menuId: 48, parent: 47, menuName: '세금계산서', menuNameEng: '',iconFilePath: '/images/menu_icon_48.svg', programPath: PATHS.vatReturn.list}, + {menuId: 49, parent: 47, menuName: '부가세참고', menuNameEng: '',iconFilePath: '/images/menu_icon_49.svg', programPath: PATHS.vatReturn.reference}, ] }, { menuId: 50, parent: 50, menuName: '부가서비스', - menuIcon: 'service-icon', + iconFilePath: 'service-icon', subMenu: [ - {menuId: 51, parent: 50, menuName: '부가서비스소개', menuNameEng: '', programPath: PATHS.additionalService.list}, - {menuId: 52, parent: 50, menuName: '신용카드ARS카드결제', menuNameEng: '', programPath: PATHS.additionalService.ars.list}, - {menuId: 53, parent: 50, menuName: '지급대행', menuNameEng: '', programPath: PATHS.additionalService.payout.list}, - {menuId: 54, parent: 50, menuName: '링크결제', menuNameEng: '', programPath: PATHS.additionalService.linkPayment.shippingHistory}, - {menuId: 55, parent: 50, menuName: '자금이체', menuNameEng: '', programPath: PATHS.additionalService.fundAccount.transferList}, - {menuId: 56, parent: 50, menuName: 'KEY-IN결제', menuNameEng: '', programPath: PATHS.additionalService.keyInPayment.list}, - {menuId: 57, parent: 50, menuName: 'SMS결제통보', menuNameEng: '', programPath: PATHS.additionalService.smsPaymentNotification}, - {menuId: 58, parent: 50, menuName: '알림톡결제통보', menuNameEng: '', programPath: PATHS.additionalService.alimtalk.list}, - {menuId: 59, parent: 50, menuName: '계좌점유인증', menuNameEng: '', programPath: PATHS.additionalService.accountHolderAuth.list}, - {menuId: 60, parent: 50, menuName: '계좌성명조회', menuNameEng: '', programPath: PATHS.additionalService.accountHolderSearch.list}, - {menuId: 65, parent: 50, menuName: '안면인증', menuNameEng: '', programPath: PATHS.additionalService.faceAuth.list}, + {menuId: 51, parent: 50, menuName: '부가서비스소개', menuNameEng: '',iconFilePath: '/images/menu_icon_51.svg', programPath: PATHS.additionalService.list}, + {menuId: 52, parent: 50, menuName: '신용카드ARS카드결제', menuNameEng: '',iconFilePath: '/images/menu_icon_52.svg', programPath: PATHS.additionalService.ars.list}, + {menuId: 53, parent: 50, menuName: '지급대행', menuNameEng: '',iconFilePath: '/images/menu_icon_53.svg', programPath: PATHS.additionalService.payout.list}, + {menuId: 54, parent: 50, menuName: '링크결제', menuNameEng: '',iconFilePath: '/images/menu_icon_54.svg', programPath: PATHS.additionalService.linkPayment.shippingHistory}, + {menuId: 55, parent: 50, menuName: '자금이체', menuNameEng: '',iconFilePath: '/images/menu_icon_55.svg', programPath: PATHS.additionalService.fundAccount.transferList}, + {menuId: 56, parent: 50, menuName: 'KEY-IN결제', menuNameEng: '',iconFilePath: '/images/menu_icon_56.svg', programPath: PATHS.additionalService.keyInPayment.list}, + {menuId: 57, parent: 50, menuName: 'SMS결제통보', menuNameEng: '',iconFilePath: '/images/menu_icon_57.svg', programPath: PATHS.additionalService.smsPaymentNotification}, + {menuId: 58, parent: 50, menuName: '알림톡결제통보', menuNameEng: '',iconFilePath: '/images/menu_icon_58.svg', programPath: PATHS.additionalService.alimtalk.list}, + {menuId: 59, parent: 50, menuName: '계좌점유인증', menuNameEng: '',iconFilePath: '/images/menu_icon_59.svg', programPath: PATHS.additionalService.accountHolderAuth.list}, + {menuId: 60, parent: 50, menuName: '계좌성명조회', menuNameEng: '',iconFilePath: '/images/menu_icon_60.svg', programPath: PATHS.additionalService.accountHolderSearch.list}, + {menuId: 65, parent: 50, menuName: '안면인증', menuNameEng: '',iconFilePath: '/images/menu_icon_65.svg', programPath: PATHS.additionalService.faceAuth.list}, ] }, { menuId: 61, parent: 61, menuName: '고객지원', - menuIcon: 'support-icon', + iconFilePath: 'support-icon', subMenu: [ - {menuId: 62, parent: 61, menuName: '공지사항', menuNameEng: '', programPath: PATHS.support.notice.list}, - {menuId: 63, parent: 61, menuName: '자주묻는질문', menuNameEng: '', programPath: PATHS.support.faq.list}, - {menuId: 64, parent: 61, menuName: '1:1문의', menuNameEng: '', programPath: PATHS.support.qna.list}, + {menuId: 62, parent: 61, menuName: '공지사항', menuNameEng: '',iconFilePath: '/images/menu_icon_62.svg', programPath: PATHS.support.notice.list}, + {menuId: 63, parent: 61, menuName: '자주묻는질문', menuNameEng: '',iconFilePath: '/images/menu_icon_63.svg', programPath: PATHS.support.faq.list}, + {menuId: 64, parent: 61, menuName: '1:1문의', menuNameEng: '',iconFilePath: '/images/menu_icon_64.svg', programPath: PATHS.support.qna.list}, ] }, ]; \ No newline at end of file diff --git a/src/entities/home/ui/favorite-wrapper.tsx b/src/entities/home/ui/favorite-wrapper.tsx index d392e08..c214c53 100644 --- a/src/entities/home/ui/favorite-wrapper.tsx +++ b/src/entities/home/ui/favorite-wrapper.tsx @@ -32,7 +32,7 @@ export const FavoriteWrapper = ({ setMenuOn }: FavoriteWrapperProps) => { const { navigate } = useNavigate(); - + const [favoriteItems, setFavoriteItems] = useState>([]); const itemAdd: UserFavorite = { @@ -68,14 +68,14 @@ export const FavoriteWrapper = ({ for(let i=0;i -
onClickToNavigate(favoriteItems[i]?.programPath) } + onClick={ () => onClickToNavigate(favoriteItems[i]?.programPath) } >
- {
{ favoriteItems[i]?.menuName } @@ -112,10 +112,10 @@ export const FavoriteWrapper = ({ useEffect(() => { getFavoriteList(); }, [changeMenuId]); - + return ( <> -
- { + { + > }
diff --git a/src/widgets/sub-layout/index.tsx b/src/widgets/sub-layout/index.tsx index ca53846..8e0b8cf 100644 --- a/src/widgets/sub-layout/index.tsx +++ b/src/widgets/sub-layout/index.tsx @@ -96,28 +96,44 @@ export const SubLayout = () => { }; const callSortcutDefault = () => { + console.log("============================callSortcutDefault") let userInfo = useStore.getState().UserStore.userInfo; if(userInfo.usrid){ let params: ShortcutUserParams = { usrid: userInfo.usrid }; shortcutUser(params).then((rs: ShortcutUserResponse) => { - useStore.getState().UserStore.setUserFavorite(rs.shortcuts); + // Modify iconFilePath to use menu_icon_{menuId}.svg format + console.log("============================rs", rs) + const modifiedShortcuts = rs.shortcuts.map(shortcut => ({ + ...shortcut, + iconFilePath: `menu_icon_${shortcut.menuId}.svg` + })); + + console.log("============================modifiedShortcuts", modifiedShortcuts) + useStore.getState().UserStore.setUserFavorite(modifiedShortcuts); }); } - }; const callShortcutUser = () => { + console.log("============================callShortcutUser") let userInfo = useStore.getState().UserStore.userInfo; if(userInfo.usrid){ let params: ShortcutUserParams = { usrid: userInfo.usrid }; shortcutUser(params).then((rs: ShortcutUserResponse) => { - if(rs.shortcuts){ + console.log("============================rs", rs) + if(!rs.usingDefault && rs.shortcuts){ if(rs.shortcuts.length > 0){ - useStore.getState().UserStore.setUserFavorite(rs.shortcuts); + const modifiedShortcuts = rs.shortcuts.map(shortcut => ({ + ...shortcut, + iconFilePath: `/images/menu_icon_${shortcut.menuId}.svg` + })); + + console.log("============================modifiedShortcuts", modifiedShortcuts) + useStore.getState().UserStore.setUserFavorite(modifiedShortcuts); } else{ callSortcutDefault();