From de253c5d681643c72f5a2215c8425864554f168a Mon Sep 17 00:00:00 2001 From: "focp212@naver.com" Date: Fri, 5 Sep 2025 18:26:21 +0900 Subject: [PATCH] =?UTF-8?q?=EC=9E=90=EA=B8=88=EC=9D=B4=EC=B2=B4=20?= =?UTF-8?q?=ED=83=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../additional-service/model/types.ts | 7 ++++ .../ui/fund-transfer-request-list-wrap.tsx | 8 ++++ .../ui/fund-transfer-result-inquiry-wrap.tsx | 8 ++++ .../ui/fund-transfer-tab.tsx | 37 ++++++++++++++++++ .../additional-service-pages.tsx | 2 + .../fund-transfer/request-list-page.tsx | 25 +++++++++++- .../fund-transfer/result-inquiry-page.tsx | 39 +++++++++++++++++++ src/shared/constants/paths.ts | 4 ++ src/shared/constants/route-names.ts | 1 + 9 files changed, 129 insertions(+), 2 deletions(-) create mode 100644 src/entities/additional-service/ui/fund-transfer-request-list-wrap.tsx create mode 100644 src/entities/additional-service/ui/fund-transfer-result-inquiry-wrap.tsx create mode 100644 src/entities/additional-service/ui/fund-transfer-tab.tsx create mode 100644 src/pages/additional-service/fund-transfer/result-inquiry-page.tsx diff --git a/src/entities/additional-service/model/types.ts b/src/entities/additional-service/model/types.ts index 826f4e3..d92b349 100644 --- a/src/entities/additional-service/model/types.ts +++ b/src/entities/additional-service/model/types.ts @@ -1,5 +1,12 @@ import { DefaulResponsePagination } from '@/entities/common/model/types'; +export enum FundTransferTabKeys { + RequestList = 'RequestList', + ResultInquiry = 'ResultInquiry' +}; +export interface FundTransferTabProps { + activeTab: FundTransferTabKeys; +}; export interface ExtensionRequestParams { mid: string; }; diff --git a/src/entities/additional-service/ui/fund-transfer-request-list-wrap.tsx b/src/entities/additional-service/ui/fund-transfer-request-list-wrap.tsx new file mode 100644 index 0000000..286e241 --- /dev/null +++ b/src/entities/additional-service/ui/fund-transfer-request-list-wrap.tsx @@ -0,0 +1,8 @@ +export const FundTransferRequestListWrap = () => { + + return ( + <> + + + ); +}; \ No newline at end of file diff --git a/src/entities/additional-service/ui/fund-transfer-result-inquiry-wrap.tsx b/src/entities/additional-service/ui/fund-transfer-result-inquiry-wrap.tsx new file mode 100644 index 0000000..518c8db --- /dev/null +++ b/src/entities/additional-service/ui/fund-transfer-result-inquiry-wrap.tsx @@ -0,0 +1,8 @@ +export const FundTransferResultInquiryWrap = () => { + + return ( + <> + + + ); +}; \ No newline at end of file diff --git a/src/entities/additional-service/ui/fund-transfer-tab.tsx b/src/entities/additional-service/ui/fund-transfer-tab.tsx new file mode 100644 index 0000000..cd47251 --- /dev/null +++ b/src/entities/additional-service/ui/fund-transfer-tab.tsx @@ -0,0 +1,37 @@ +import { PATHS } from '@/shared/constants/paths'; +import { useNavigate } from '@/shared/lib/hooks/use-navigate'; +import { + FundTransferTabKeys, + FundTransferTabProps +} from '../model/types'; +export const FundTransferTab = ({ + activeTab +}: FundTransferTabProps) => { + const { navigate } = useNavigate(); + + const onClickToNavigation = (tab: FundTransferTabKeys) => { + if(activeTab !== tab){ + if(tab === FundTransferTabKeys.RequestList){ + navigate(PATHS.additionalService.fundTransfer.requestList); + } + else if(tab === FundTransferTabKeys.ResultInquiry){ + navigate(PATHS.additionalService.fundTransfer.resultInquiry); + } + } + }; + + return ( + <> +
+ + +
+ + ); +}; \ No newline at end of file diff --git a/src/pages/additional-service/additional-service-pages.tsx b/src/pages/additional-service/additional-service-pages.tsx index daa4e81..256e1ed 100644 --- a/src/pages/additional-service/additional-service-pages.tsx +++ b/src/pages/additional-service/additional-service-pages.tsx @@ -14,6 +14,7 @@ import { KakaoPaymentNotificationListPage } from './kakao-payment-notification/l import { KakaoPaymentNotificationSettingPage } from './kakao-payment-notification/setting-page'; import { FundTransferRequestListPage } from './fund-transfer/request-list-page'; import { FundTransferRequestRegisterPage } from './fund-transfer/request-register-page'; +import { FundTransferResultInquiryPage } from './fund-transfer/result-inquiry-page'; import { SettlementAgencyPage } from './settlement-agency/settlement-agency-page'; import { PaymentAgencyListPage } from './payment-agency/list-page'; import { PaymentAgencyDetailPage } from './payment-agency/detail-page'; @@ -42,6 +43,7 @@ export const AdditionalServicePages = () => { } /> } /> + } /> } /> diff --git a/src/pages/additional-service/fund-transfer/request-list-page.tsx b/src/pages/additional-service/fund-transfer/request-list-page.tsx index fbce909..9882367 100644 --- a/src/pages/additional-service/fund-transfer/request-list-page.tsx +++ b/src/pages/additional-service/fund-transfer/request-list-page.tsx @@ -1,18 +1,39 @@ +import { useState } from 'react'; +import { PATHS } from '@/shared/constants/paths'; +import { useNavigate } from '@/shared/lib/hooks/use-navigate'; +import { FundTransferTab } from '@/entities/additional-service/ui/fund-transfer-tab'; +import { FundTransferRequestListWrap } from '@/entities/additional-service/ui/fund-transfer-request-list-wrap'; +import { FundTransferTabKeys } from '@/entities/additional-service/model/types'; import { HeaderType } from '@/entities/common/model/types'; import { useSetHeaderTitle, useSetHeaderType, - useSetFooterMode + useSetFooterMode, + useSetOnBack } from '@/widgets/sub-layout/use-sub-layout'; export const FundTransferRequestListPage = () => { + const { navigate } = useNavigate(); + + const [activeTab, setActiveTab] = useState(FundTransferTabKeys.RequestList); + useSetHeaderTitle('자금이체'); useSetHeaderType(HeaderType.LeftArrow); useSetFooterMode(true); + useSetOnBack(() => { + navigate(PATHS.home); + }); return ( <> - +
+
+
+ + +
+
+
); }; \ No newline at end of file diff --git a/src/pages/additional-service/fund-transfer/result-inquiry-page.tsx b/src/pages/additional-service/fund-transfer/result-inquiry-page.tsx new file mode 100644 index 0000000..5c3b380 --- /dev/null +++ b/src/pages/additional-service/fund-transfer/result-inquiry-page.tsx @@ -0,0 +1,39 @@ +import { useState } from 'react'; +import { PATHS } from '@/shared/constants/paths'; +import { useNavigate } from '@/shared/lib/hooks/use-navigate'; +import { FundTransferTab } from '@/entities/additional-service/ui/fund-transfer-tab'; +import { FundTransferResultInquiryWrap } from '@/entities/additional-service/ui/fund-transfer-result-inquiry-wrap'; +import { FundTransferTabKeys } from '@/entities/additional-service/model/types'; +import { HeaderType } from '@/entities/common/model/types'; +import { + useSetHeaderTitle, + useSetHeaderType, + useSetFooterMode, + useSetOnBack +} from '@/widgets/sub-layout/use-sub-layout'; + +export const FundTransferResultInquiryPage = () => { + const { navigate } = useNavigate(); + + const [activeTab, setActiveTab] = useState(FundTransferTabKeys.ResultInquiry); + + useSetHeaderTitle('자금이체'); + useSetHeaderType(HeaderType.LeftArrow); + useSetFooterMode(true); + useSetOnBack(() => { + navigate(PATHS.home); + }); + + return ( + <> +
+
+
+ + +
+
+
+ + ); +}; \ No newline at end of file diff --git a/src/shared/constants/paths.ts b/src/shared/constants/paths.ts index 2f89b2b..c534613 100644 --- a/src/shared/constants/paths.ts +++ b/src/shared/constants/paths.ts @@ -183,6 +183,10 @@ export const PATHS: RouteNamesType = { `${ROUTE_NAMES.additionalService.base}${ROUTE_NAMES.additionalService.fundTransfer.base}`, ROUTE_NAMES.additionalService.fundTransfer.requestRegister, ), + resultInquiry: generatePath( + `${ROUTE_NAMES.additionalService.base}${ROUTE_NAMES.additionalService.fundTransfer.base}`, + ROUTE_NAMES.additionalService.fundTransfer.resultInquiry, + ), }, settlementAgency: generatePath(ROUTE_NAMES.additionalService.base, ROUTE_NAMES.additionalService.settlementAgency), paymentAgency: { diff --git a/src/shared/constants/route-names.ts b/src/shared/constants/route-names.ts index 5785018..f3f34d5 100644 --- a/src/shared/constants/route-names.ts +++ b/src/shared/constants/route-names.ts @@ -90,6 +90,7 @@ export const ROUTE_NAMES = { base: '/fund-transfer/*', requestList: 'request-list', requestRegister: 'request-register', + resultInquiry: 'result-inquiry', }, settlementAgency: 'settlement-agency', paymentAgency: {