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-08 14:06:45 +09:00
parent 8ae42bce07
commit 32c61ae545
18 changed files with 954 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/additional-service/additional-service-pages.tsx
View File

@@ -15,7 +15,11 @@ import { KakaoPaymentNotificationSettingPage } from './kakao-payment-notificatio
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 { SettlementAgencyManagePage } from './settlement-agency/manage-page';
import { SettlementAgencyDepositPage } from './settlement-agency/deposit-page';
import { SettlementAgencyMemberPage } from './settlement-agency/member-page';
import { SettlementAgencyRegisterPage } from './settlement-agency/register-page';
import { SettlementAgencyDetailPage } from './settlement-agency/detail-page';
import { PaymentAgencyListPage } from './payment-agency/list-page';
import { PaymentAgencyDetailPage } from './payment-agency/detail-page';
import { PaymentAgencyRequestPage } from './payment-agency/request-page';
@@ -45,7 +49,13 @@ export const AdditionalServicePages = () => {
<Route path={ROUTE_NAMES.additionalService.fundTransfer.requestRegister} element={<FundTransferRequestRegisterPage />} />
<Route path={ROUTE_NAMES.additionalService.fundTransfer.resultInquiry} element={<FundTransferResultInquiryPage />} />
</Route>
<Route path={ROUTE_NAMES.additionalService.settlementAgency} element={<SettlementAgencyPage />} />
<Route path={ROUTE_NAMES.additionalService.settlementAgency.base}>
<Route path={ROUTE_NAMES.additionalService.settlementAgency.manage} element={<SettlementAgencyManagePage />} />
<Route path={ROUTE_NAMES.additionalService.settlementAgency.deposit} element={<SettlementAgencyDepositPage />} />
<Route path={ROUTE_NAMES.additionalService.settlementAgency.member} element={<SettlementAgencyMemberPage />} />
<Route path={ROUTE_NAMES.additionalService.settlementAgency.register} element={<SettlementAgencyRegisterPage />} />
<Route path={ROUTE_NAMES.additionalService.settlementAgency.detail} element={<SettlementAgencyDetailPage />} />
</Route>
<Route path={ROUTE_NAMES.additionalService.paymentAgency.base}>
<Route path={ROUTE_NAMES.additionalService.paymentAgency.list} element={<PaymentAgencyListPage />} />
<Route path={ROUTE_NAMES.additionalService.paymentAgency.detail} element={<PaymentAgencyDetailPage />} />

2
src/pages/additional-service/intro/intro-page.tsx
View File

@@ -45,7 +45,7 @@ export const IntroPage = () => {
},
{
className: 'list-wrap02', serviceName: '정산대행', serviceDesc: '하위 가맹점 정산금 계산부터 지급까지 자동 해결 서비스',
icon: IMAGE_ROOT + '/icon_ing06.svg', path: PATHS.additionalService.settlementAgency
icon: IMAGE_ROOT + '/icon_ing06.svg', path: PATHS.additionalService.settlementAgency.manage
},
{
className: 'list-wrap02', serviceName: '링크 결제', serviceDesc: '결제 링크 전송만으로 어디서든 결제 가능 서비스',

39
src/pages/additional-service/settlement-agency/deposit-page.tsx Normal file
View File

@@ -0,0 +1,39 @@
import { useState } from 'react';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { SettlementAgencyTab } from '@/entities/additional-service/ui/settlement-agency-tab';
import { SettlementAgencyDepositWrap } from '@/entities/additional-service/ui/settlement-agency-deposit-wrap';
import { SettlementAgencyTabKeys } 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 SettlementAgencyDepositPage = () => {
const { navigate } = useNavigate();
const [activeTab, setActiveTab] = useState<SettlementAgencyTabKeys>(SettlementAgencyTabKeys.Deposit);
useSetHeaderTitle('정산대행');
useSetHeaderType(HeaderType.LeftArrow);
useSetFooterMode(true);
useSetOnBack(() => {
navigate(PATHS.home);
});
return (
<>
<main>
<div className="tab-content">
<div className="tab-pane sub active">
<SettlementAgencyTab activeTab={ activeTab }></SettlementAgencyTab>
<SettlementAgencyDepositWrap></SettlementAgencyDepositWrap>
</div>
</div>
</main>
</>
);
};

8
src/pages/additional-service/settlement-agency/detail-page.tsx Normal file
View File

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

39
src/pages/additional-service/settlement-agency/manage-page.tsx Normal file
View File

@@ -0,0 +1,39 @@
import { useState } from 'react';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { SettlementAgencyTab } from '@/entities/additional-service/ui/settlement-agency-tab';
import { SettlementAgencyManageWrap } from '@/entities/additional-service/ui/settlement-agency-manage-wrap';
import { SettlementAgencyTabKeys } 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 SettlementAgencyManagePage = () => {
const { navigate } = useNavigate();
const [activeTab, setActiveTab] = useState<SettlementAgencyTabKeys>(SettlementAgencyTabKeys.Manage);
useSetHeaderTitle('정산대행');
useSetHeaderType(HeaderType.LeftArrow);
useSetFooterMode(true);
useSetOnBack(() => {
navigate(PATHS.home);
});
return (
<>
<main>
<div className="tab-content">
<div className="tab-pane sub active">
<SettlementAgencyTab activeTab={ activeTab }></SettlementAgencyTab>
<SettlementAgencyManageWrap></SettlementAgencyManageWrap>
</div>
</div>
</main>
</>
);
};

39
src/pages/additional-service/settlement-agency/member-page.tsx Normal file
View File

@@ -0,0 +1,39 @@
import { useState } from 'react';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { SettlementAgencyTab } from '@/entities/additional-service/ui/settlement-agency-tab';
import { SettlementAgencyMemberWrap } from '@/entities/additional-service/ui/settlement-agency-member-wrap';
import { SettlementAgencyTabKeys } 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 SettlementAgencyMemberPage = () => {
const { navigate } = useNavigate();
const [activeTab, setActiveTab] = useState<SettlementAgencyTabKeys>(SettlementAgencyTabKeys.Member);
useSetHeaderTitle('정산대행');
useSetHeaderType(HeaderType.LeftArrow);
useSetFooterMode(true);
useSetOnBack(() => {
navigate(PATHS.home);
});
return (
<>
<main>
<div className="tab-content">
<div className="tab-pane sub active">
<SettlementAgencyTab activeTab={ activeTab }></SettlementAgencyTab>
<SettlementAgencyMemberWrap></SettlementAgencyMemberWrap>
</div>
</div>
</main>
</>
);
};

8
src/pages/additional-service/settlement-agency/register-page.tsx Normal file
View File

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

18
src/pages/additional-service/settlement-agency/settlement-agency-page.tsx
View File

@@ -1,18 +0,0 @@
import { HeaderType } from '@/entities/common/model/types';
import {
useSetHeaderTitle,
useSetHeaderType,
useSetFooterMode
} from '@/widgets/sub-layout/use-sub-layout';
export const SettlementAgencyPage = () => {
useSetHeaderTitle('정산대행');
useSetHeaderType(HeaderType.LeftArrow);
useSetFooterMode(true);
return (
<>
</>
);
};