diff --git a/frontend/src/pages/admin/ThemePage.tsx b/frontend/src/pages/admin/ThemePage.tsx
index f2daaba4..68eec8b0 100644
--- a/frontend/src/pages/admin/ThemePage.tsx
+++ b/frontend/src/pages/admin/ThemePage.tsx
@@ -37,7 +37,7 @@ const AdminThemePage: React.FC = () => {
navigate('/admin/theme/edit/new');
};
- const handleManageClick = (themeId: number) => {
+ const handleManageClick = (themeId: string) => {
navigate(`/admin/theme/edit/${themeId}`);
};
@@ -54,7 +54,7 @@ const AdminThemePage: React.FC = () => {
| 이름 |
난이도 |
- 가격 |
+ 1인당 요금 |
공개여부 |
|
diff --git a/frontend/src/pages/v2/MyReservationPageV2.tsx b/frontend/src/pages/v2/MyReservationPageV2.tsx
index ccbcb99e..a229b953 100644
--- a/frontend/src/pages/v2/MyReservationPageV2.tsx
+++ b/frontend/src/pages/v2/MyReservationPageV2.tsx
@@ -1,10 +1,8 @@
+import { cancelPayment } from '@_api/payment/paymentAPI';
+import type { PaymentRetrieveResponse } from '@_api/payment/PaymentTypes';
+import { cancelReservation, fetchDetailById, fetchSummaryByMember } from '@_api/reservation/reservationAPIV2';
+import type { ReservationDetail, ReservationSummaryRetrieveResponse } from '@_api/reservation/reservationTypesV2';
import React, { useEffect, useState } from 'react';
-import {
- cancelReservationV2,
- fetchMyReservationsV2,
- fetchReservationDetailV2
-} from '../../api/reservation/reservationAPI';
-import type { PaymentV2, ReservationDetailV2, ReservationSummaryV2 } from '../../api/reservation/reservationTypes';
import '../../css/my-reservation-v2.css';
const formatDisplayDateTime = (dateTime: any): string => {
@@ -78,7 +76,7 @@ const formatCardDateTime = (dateStr: string, timeStr: string): string => {
// --- Cancellation View Component ---
const CancellationView: React.FC<{
- reservation: ReservationDetailV2;
+ reservation: ReservationDetail;
onCancelSubmit: (reason: string) => void;
onBack: () => void;
isCancelling: boolean;
@@ -119,13 +117,12 @@ const CancellationView: React.FC<{
};
-// --- Reservation Detail View Component ---
const ReservationDetailView: React.FC<{
- reservation: ReservationDetailV2;
+ reservation: ReservationDetail;
onGoToCancel: () => void;
}> = ({ reservation, onGoToCancel }) => {
- const renderPaymentDetails = (payment: PaymentV2) => {
+ const renderPaymentDetails = (payment: PaymentRetrieveResponse) => {
const { detail } = payment;
switch (detail.type) {
@@ -178,8 +175,8 @@ const ReservationDetailView: React.FC<{
예약 정보
예약 테마: {reservation.themeName}
이용 예정일: {formatCardDateTime(reservation.date, reservation.startAt)}
-
예약자 이름: {reservation.user.name}
-
예약자 이메일: {reservation.user.email}
+
예약자 이름: {reservation.member.name}
+
예약자 이메일: {reservation.member.email}
예약 신청 일시: {formatDisplayDateTime(reservation.applicationDateTime)}
@@ -188,13 +185,13 @@ const ReservationDetailView: React.FC<{
{renderPaymentDetails(reservation.payment)}
결제 승인 일시: {formatDisplayDateTime(reservation.payment.approvedAt)}
- {reservation.cancellation && (
+ {reservation.payment.cancellation && (
취소 정보
-
취소 요청 일시: {formatDisplayDateTime(reservation.cancellation.cancellationRequestedAt)}
-
환불 완료 일시: {formatDisplayDateTime(reservation.cancellation.cancellationApprovedAt)}
-
취소 사유: {reservation.cancellation.cancelReason}
-
취소 요청자: {reservation.cancellation.canceledBy == reservation.user.id ? '회원 본인' : '관리자'}
+
취소 요청 일시: {formatDisplayDateTime(reservation.payment.cancellation.cancellationRequestedAt)}
+
환불 완료 일시: {formatDisplayDateTime(reservation.payment.cancellation.cancellationApprovedAt)}
+
취소 사유: {reservation.payment.cancellation.cancelReason}
+
취소 요청자: {reservation.payment.cancellation.canceledBy == reservation.member.id ? '회원 본인' : '관리자'}
)}
{reservation.payment.status !== 'CANCELED' && (
@@ -208,11 +205,11 @@ const ReservationDetailView: React.FC<{
// --- Main Page Component ---
const MyReservationPageV2: React.FC = () => {
- const [reservations, setReservations] = useState