From 6c778d9d40c4dc0f5b8f2d431656ee551bb1bed3 Mon Sep 17 00:00:00 2001
From: HyeonJongKim <ujiko2003@bpsoft.co.kr>
Date: Tue, 9 Sep 2025 17:04:24 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B6=80=EA=B0=80=20=EC=84=9C=EB=B9=84?=
 =?UTF-8?q?=EC=8A=A4:=20=EB=A7=81=ED=81=AC=EA=B2=B0=EC=A0=9C=20=EC=8B=A0?=
 =?UTF-8?q?=EC=B2=AD=20=EC=99=84=EB=A3=8C=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../additional-service-pages.tsx              |  2 +
 .../link-payment-apply-confirm-page.tsx       |  4 +-
 .../link-payment-apply-success-page.tsx       | 41 +++++++++++++++++++
 src/shared/constants/paths.ts                 |  4 ++
 src/shared/constants/route-names.ts           |  3 +-
 5 files changed, 51 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/additional-service/link-payment/link-payment-apply-success-page.tsx

diff --git a/src/pages/additional-service/additional-service-pages.tsx b/src/pages/additional-service/additional-service-pages.tsx
index 559762e..3911d93 100644
--- a/src/pages/additional-service/additional-service-pages.tsx
+++ b/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 />} />
diff --git a/src/pages/additional-service/link-payment/link-payment-apply-confirm-page.tsx b/src/pages/additional-service/link-payment/link-payment-apply-confirm-page.tsx
index e6a1d80..78edc28 100644
--- a/src/pages/additional-service/link-payment/link-payment-apply-confirm-page.tsx
+++ b/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 = () => {
diff --git a/src/pages/additional-service/link-payment/link-payment-apply-success-page.tsx b/src/pages/additional-service/link-payment/link-payment-apply-success-page.tsx
new file mode 100644
index 0000000..356143a
--- /dev/null
+++ b/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>
+        </>
+    );
+};
\ No newline at end of file
diff --git a/src/shared/constants/paths.ts b/src/shared/constants/paths.ts
index 3a86aa2..4d56a9c 100644
--- a/src/shared/constants/paths.ts
+++ b/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: {
diff --git a/src/shared/constants/route-names.ts b/src/shared/constants/route-names.ts
index c719772..c4b907d 100644
--- a/src/shared/constants/route-names.ts
+++ b/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/*',