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:
HyeonJongKim
2025-09-09 17:04:24 +09:00
parent bd9f111534
commit 6c778d9d40
5 changed files with 51 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -26,6 +26,7 @@ import { PaymentAgencyDetailPage } from './payment-agency/detail-page';
import { PaymentAgencyRequestPage } from './payment-agency/request-page';
import { LinkPaymentApplyPage } from './link-payment/link-payment-apply-page';
import { LinkPaymentApplyConfirmPage } from './link-payment/link-payment-apply-confirm-page';
import { LinkPaymentApplySuccessPage } from './link-payment/link-payment-apply-success-page';
export const AdditionalServicePages = () => {
return (
@@ -47,6 +48,7 @@ export const AdditionalServicePages = () => {
<Route path={ROUTE_NAMES.additionalService.linkPayment.pendingSend} element={<LinkPaymentPendingSendPage />} />
<Route path={ROUTE_NAMES.additionalService.linkPayment.request} element={<LinkPaymentApplyPage />} />
<Route path={ROUTE_NAMES.additionalService.linkPayment.requestConfirm} element={<LinkPaymentApplyConfirmPage />} />
<Route path={ROUTE_NAMES.additionalService.linkPayment.confirmSuccess} element={<LinkPaymentApplySuccessPage />} />
</Route>
<Route path={ROUTE_NAMES.additionalService.kakaoPaymentNotification.base}>
<Route path={ROUTE_NAMES.additionalService.kakaoPaymentNotification.list} element={<KakaoPaymentNotificationListPage />} />

4
src/pages/additional-service/link-payment/link-payment-apply-confirm-page.tsx
View File

@@ -1,8 +1,8 @@
import { HeaderType } from '@/entities/common/model/types';
import { useSetFooterMode, useSetHeaderTitle, useSetHeaderType } from '@/widgets/sub-layout/use-sub-layout';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { PATHS } from "@/shared/constants/paths";
import { IMAGE_ROOT } from "@/shared/constants/common";
import { PATHS } from '@/shared/constants/paths';
export const LinkPaymentApplyConfirmPage = () => {
const { navigate } = useNavigate();
@@ -12,7 +12,7 @@ export const LinkPaymentApplyConfirmPage = () => {
useSetFooterMode(false);
const onClickToConfirm = () => {
navigate(PATHS.home);
navigate(PATHS.additionalService.linkPayment.confirmSuccess);
};
const onClickToBack = () => {

41
src/pages/additional-service/link-payment/link-payment-apply-success-page.tsx Normal file
View File

@@ -0,0 +1,41 @@
import { HeaderType } from '@/entities/common/model/types';
import { useSetFooterMode, useSetHeaderTitle, useSetHeaderType } from '@/widgets/sub-layout/use-sub-layout';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { PATHS } from "@/shared/constants/paths";
export const LinkPaymentApplySuccessPage = () => {
const { navigate } = useNavigate();
useSetHeaderTitle('링크결제 신청');
useSetHeaderType(HeaderType.LeftArrow);
useSetFooterMode(false);
const onClickToHome = () => {
navigate(PATHS.home);
};
return (
<>
<div className="success-page">
<div className="success-body">
<div className="success-icon" aria-hidden="true"></div>
<h1 className="success-title">
<span>링크결제</span><br/>
<span>결제 신청이 완료되었습니다.</span>
</h1>
<div className="success-result">
<p className="result-text">
<span>결과 :</span> <span>(성공 결과값 노출)</span><br/>
</p>
</div>
</div>
<div className="apply-row">
<button
className="btn-50 btn-blue flex-1"
onClick={() => onClickToHome()}
>확인</button>
</div>
</div>
</>
);
};

4
src/shared/constants/paths.ts
View File

@@ -178,6 +178,10 @@ export const PATHS: RouteNamesType = {
requestConfirm: generatePath(
`${ROUTE_NAMES.additionalService.base}${ROUTE_NAMES.additionalService.linkPayment.base}`,
ROUTE_NAMES.additionalService.linkPayment.requestConfirm,
),
confirmSuccess: generatePath(
`${ROUTE_NAMES.additionalService.base}${ROUTE_NAMES.additionalService.linkPayment.base}`,
ROUTE_NAMES.additionalService.linkPayment.confirmSuccess,
)
},
kakaoPaymentNotification: {

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

@@ -85,7 +85,8 @@ export const ROUTE_NAMES = {
dispatchList: 'dispatch-list',
pendingSend: 'pending-send',
request: 'request',
requestConfirm: 'request-confirm'
requestConfirm: 'request-confirm',
confirmSuccess: 'confirm-success'
},
kakaoPaymentNotification: {
base: '/kakao-payment-notification/*',