자금ㅇㅣㅊㅔ 명ㅁㅕㅇ

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

View File

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

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>
</>
);
};

View File

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

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>
</>
);
};

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -89,7 +89,7 @@ export const Menu = ({
{title: '계좌점유인증', path: PATHS.additionalService.accountHolderAuth}, {title: '계좌점유인증', path: PATHS.additionalService.accountHolderAuth},
{title: '링크결제', path: PATHS.additionalService.linkPayment.shippingHistory}, {title: '링크결제', path: PATHS.additionalService.linkPayment.shippingHistory},
{title: '알림톡 결제통보', path: PATHS.additionalService.kakaoPaymentNotification.list}, {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.settlementAgency.manage},
{title: '지급대행', path: PATHS.additionalService.payout.list}, {title: '지급대행', path: PATHS.additionalService.payout.list},
] ]