From f9bb2f87465a9418844eae0ee921a6ab52e2206f Mon Sep 17 00:00:00 2001
From: pricelees <priceelees@gmail.com>
Date: Fri, 10 Oct 2025 17:37:11 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=83=9D=EB=9E=B5=EB=90=9C=20=ED=94=84?=
 =?UTF-8?q?=EB=A1=A0=ED=8A=B8=EC=97=94=EB=93=9C=20=EC=BD=94=EB=93=9C=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

---
 frontend/src/api/order/orderAPI.ts          | 12 ++++++++++++
 frontend/src/api/order/orderTypes.ts        |  5 +++++
 frontend/src/pages/ReservationStep2Page.tsx |  4 ++--
 3 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/api/order/orderAPI.ts
 create mode 100644 frontend/src/api/order/orderTypes.ts

diff --git a/frontend/src/api/order/orderAPI.ts b/frontend/src/api/order/orderAPI.ts
new file mode 100644
index 00000000..ddde21ef
--- /dev/null
+++ b/frontend/src/api/order/orderAPI.ts
@@ -0,0 +1,12 @@
+import apiClient from "@_api/apiClient";
+import type { PaymentConfirmRequest } from "@_api/payment/PaymentTypes";
+
+export const confirm = async (
+    reservationId: string,
+    data: PaymentConfirmRequest,
+): Promise<void> => {
+    return await apiClient.post<void>(
+        `/orders/${reservationId}/confirm`,
+        data
+    );
+};
diff --git a/frontend/src/api/order/orderTypes.ts b/frontend/src/api/order/orderTypes.ts
new file mode 100644
index 00000000..0fa7822e
--- /dev/null
+++ b/frontend/src/api/order/orderTypes.ts
@@ -0,0 +1,5 @@
+export interface OrderErrorResponse {
+    code: string;
+    message: string;
+    trial: number;
+}
diff --git a/frontend/src/pages/ReservationStep2Page.tsx b/frontend/src/pages/ReservationStep2Page.tsx
index 38bf1e49..127e5107 100644
--- a/frontend/src/pages/ReservationStep2Page.tsx
+++ b/frontend/src/pages/ReservationStep2Page.tsx
@@ -1,5 +1,5 @@
 import { confirm } from '@_api/order/orderAPI';
-import type { BookingErrorResponse } from '@_api/order/orderTypes';
+import type { OrderErrorResponse } from '@_api/order/orderTypes';
 import { type PaymentConfirmRequest } from '@_api/payment/PaymentTypes';
 import { confirmReservation } from '@_api/reservation/reservationAPI';
 import '@_css/reservation-v2-1.css';
@@ -83,7 +83,7 @@ const ReservationStep2Page: React.FC = () => {
                     });
                 })
                 .catch(err => {
-                    const error = err as AxiosError<BookingErrorResponse>;
+                    const error = err as AxiosError<OrderErrorResponse>;
                     const errorCode = error.response?.data?.code;
                     const errorMessage = error.response?.data?.message;