부가 서비스: 링크결제 신청 완료 페이지 추가

src/pages/additional-service/additional-service-pages.tsx

@@ -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 />} />

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

@@ -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 = () => {

src/pages/additional-service/link-payment/link-payment-apply-success-page.tsx

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

src/shared/constants/paths.ts

@@ -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: {

src/shared/constants/route-names.ts

@@ -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/*',