자금ㅇㅣㅊㅔ 명ㅁㅕㅇ
This commit is contained in:
@@ -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 (
|
||||||
<>
|
<>
|
||||||
37
src/entities/additional-service/ui/fund-account/tab.tsx
Normal file
37
src/entities/additional-service/ui/fund-account/tab.tsx
Normal 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>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
@@ -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 (
|
||||||
<>
|
<>
|
||||||
@@ -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>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@@ -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>
|
||||||
@@ -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>
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
export const FundAccountTransferRequestPage = () => {
|
||||||
|
|
||||||
|
return (
|
||||||
|
<></>
|
||||||
|
);
|
||||||
|
};
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
export const FundTransferRequestRegisterPage = () => {
|
|
||||||
|
|
||||||
return (
|
|
||||||
<></>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@@ -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/*',
|
||||||
|
|||||||
@@ -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},
|
||||||
]
|
]
|
||||||
|
|||||||
Reference in New Issue
Block a user