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: {