nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

자금ㅇㅣㅊㅔ 명ㅁㅕㅇ

Browse Source
This commit is contained in:
focp212@naver.com
2025-09-22 18:25:15 +09:00
parent 9313fa7208
commit 00e8744b59
10 changed files with 65 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/entities/additional-service/ui/fund-transfer/fund-transfer-result-inquiry-wrap.tsx → src/entities/additional-service/ui/fund-account/result-list-wrap.tsx
View File

@@ -1,6 +1,6 @@
import { IMAGE_ROOT } from "@/shared/constants/common";
export const FundTransferResultInquiryWrap = () => {
export const FundAccountResultListWrap = () => {
return (
<>

37
src/entities/additional-service/ui/fund-account/tab.tsx Normal file
View File

@@ -0,0 +1,37 @@
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import {
FundAccountTabKeys,
FundAccountTabProps
} from '../../model/fund-account/types';
export const FundAccountTab = ({
activeTab
}: FundAccountTabProps) => {
const { navigate } = useNavigate();
const onClickToNavigation = (tab: FundAccountTabKeys) => {
if(activeTab !== tab){
if(tab === FundAccountTabKeys.TransferList){
navigate(PATHS.additionalService.fundAccount.transferList);
}
else if(tab === FundAccountTabKeys.ResultList){
navigate(PATHS.additionalService.fundAccount.resultList);
}
}
};
return (
<>
<div className="subTab">
<button
className={`subtab-btn ${(activeTab === FundAccountTabKeys.TransferList)? 'active': ''}` }
onClick={ () => onClickToNavigation(FundAccountTabKeys.ResultList) }
>이체 신청</button>
<button
className={`subtab-btn ${(activeTab === FundAccountTabKeys.TransferList)? 'active': ''}` }
onClick={ () => onClickToNavigation(FundAccountTabKeys.ResultList) }
>결과 조회</button>
</div>
</>
);
};

2
src/entities/additional-service/ui/fund-transfer/fund-transfer-request-list-wrap.tsx → src/entities/additional-service/ui/fund-account/transfer-list-wrap.tsx
View File

@@ -1,6 +1,6 @@
import { IMAGE_ROOT } from "@/shared/constants/common";
export const FundTransferRequestListWrap = () => {
export const FundAccountTransferListWrap = () => {
return (
<>

37
src/entities/additional-service/ui/fund-transfer/fund-transfer-tab.tsx
View File

@@ -1,37 +0,0 @@
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 (
<>
<div className="subTab">
<button
className={`subtab-btn ${(activeTab === FundTransferTabKeys.RequestList)? 'active': ''}` }
onClick={ () => onClickToNavigation(FundTransferTabKeys.RequestList) }
>이체 신청</button>
<button
className={`subtab-btn ${(activeTab === FundTransferTabKeys.ResultInquiry)? 'active': ''}` }
onClick={ () => onClickToNavigation(FundTransferTabKeys.ResultInquiry) }
>결과 조회</button>
</div>
</>
);
};

14
src/pages/additional-service/fund-transfer/result-inquiry-page.tsx → src/pages/additional-service/fund-account/result-list-page.tsx
View File

@@ -1,9 +1,9 @@
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/fund-transfer-tab';
import { FundTransferResultInquiryWrap } from '@/entities/additional-service/ui/fund-transfer/fund-transfer-result-inquiry-wrap';
import { FundTransferTabKeys } from '@/entities/additional-service/model/types';
import { FundAccountTab } from '@/entities/additional-service/ui/fund-account/tab';
import { FundAccountResultListWrap } from '@/entities/additional-service/ui/fund-account/result-list-wrap';
import { FundAccountTabKeys } from '@/entities/additional-service/model/fund-account/types';
import { HeaderType } from '@/entities/common/model/types';
import {
useSetHeaderTitle,
@@ -12,10 +12,10 @@ import {
useSetOnBack
} from '@/widgets/sub-layout/use-sub-layout';
export const FundTransferResultInquiryPage = () => {
export const FundAccountResultListPage = () => {
const { navigate } = useNavigate();
const [activeTab, setActiveTab] = useState<FundTransferTabKeys>(FundTransferTabKeys.ResultInquiry);
const [activeTab, setActiveTab] = useState<FundAccountTabKeys>(FundAccountTabKeys.ResultList);
useSetHeaderTitle('자금이체');
useSetHeaderType(HeaderType.LeftArrow);
@@ -29,8 +29,8 @@ export const FundTransferResultInquiryPage = () => {
<main>
<div className="tab-content">
<div className="tab-pane sub active">
<FundTransferTab activeTab={ activeTab }></FundTransferTab>
<FundTransferResultInquiryWrap></FundTransferResultInquiryWrap>
<FundAccountTab activeTab={ activeTab }></FundAccountTab>
<FundAccountResultListWrap></FundAccountResultListWrap>
</div>
</div>
</main>

14
src/pages/additional-service/fund-transfer/request-list-page.tsx → src/pages/additional-service/fund-account/transfer-list-page.tsx
View File

@@ -1,9 +1,9 @@
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/fund-transfer-tab';
import { FundTransferRequestListWrap } from '@/entities/additional-service/ui/fund-transfer/fund-transfer-request-list-wrap';
import { FundTransferTabKeys } from '@/entities/additional-service/model/types';
import { FundAccountTab } from '@/entities/additional-service/ui/fund-account/tab';
import { FundAccountTransferListWrap } from '@/entities/additional-service/ui/fund-account/transfer-list-wrap';
import { FundAccountTabKeys } from '@/entities/additional-service/model/fund-account/types';
import { HeaderType } from '@/entities/common/model/types';
import {
useSetHeaderTitle,
@@ -12,10 +12,10 @@ import {
useSetOnBack
} from '@/widgets/sub-layout/use-sub-layout';
export const FundTransferRequestListPage = () => {
export const FundAccountTransferListPage = () => {
const { navigate } = useNavigate();
const [activeTab, setActiveTab] = useState<FundTransferTabKeys>(FundTransferTabKeys.RequestList);
const [activeTab, setActiveTab] = useState<FundAccountTabKeys>(FundAccountTabKeys.TransferList);
useSetHeaderTitle('자금이체');
useSetHeaderType(HeaderType.LeftArrow);
@@ -29,8 +29,8 @@ export const FundTransferRequestListPage = () => {
<main>
<div className="tab-content">
<div className="tab-pane pt-46 active">
<FundTransferTab activeTab={ activeTab }></FundTransferTab>
<FundTransferRequestListWrap></FundTransferRequestListWrap>
<FundAccountTab activeTab={ activeTab }></FundAccountTab>
<FundAccountTransferListWrap></FundAccountTransferListWrap>
</div>
</div>
</main>

6
src/pages/additional-service/fund-account/transfer-request-page.tsx Normal file
View File

@@ -0,0 +1,6 @@
export const FundAccountTransferRequestPage = () => {
return (
<></>
);
};

6
src/pages/additional-service/fund-transfer/request-register-page.tsx
View File

@@ -1,6 +0,0 @@
export const FundTransferRequestRegisterPage = () => {
return (
<></>
);
};

10
src/shared/constants/route-names.ts
View File

@@ -105,11 +105,11 @@ export const ROUTE_NAMES = {
list: 'list',
setting: 'setting',
},
fundTransfer: {
base: '/fund-transfer/*',
requestList: 'request-list',
requestRegister: 'request-register',
resultInquiry: 'result-inquiry',
fundAccount: {
base: '/fund-account/*',
transferList: 'transfer-list',
transferRequest: 'transfer-request',
resultList: 'result-list',
},
settlementAgency: {
base: '/settlement-agency/*',

2
src/shared/ui/menu/index.tsx
View File

@@ -89,7 +89,7 @@ export const Menu = ({
{title: '계좌점유인증', path: PATHS.additionalService.accountHolderAuth},
{title: '링크결제', path: PATHS.additionalService.linkPayment.shippingHistory},
{title: '알림톡 결제통보', path: PATHS.additionalService.kakaoPaymentNotification.list},
{title: '자금이체', path: PATHS.additionalService.fundTransfer.requestList},
{title: '자금이체', path: PATHS.additionalService.fundAccount.transferList},
{title: '정산대행', path: PATHS.additionalService.settlementAgency.manage},
{title: '지급대행', path: PATHS.additionalService.payout.list},
]