feat: deleteReservation(예약 삭제) API 마이그레이션

frontend/src/api-v2/guestReservation.ts

@@ -1,6 +1,12 @@
 import { AxiosResponse } from 'axios';
 import apiV2 from './apiv2';
 
+interface DeleteGuestReservationParamsV2 {
+  mapId: number;
+  spaceId: number;
+  reservationId: number;
+  password?: string;
+}
 export interface GuestReservationParamsV2 {
   reservation: {
     startDateTime: string;
@@ -35,4 +41,14 @@ export const putGuestReservationV2 = ({
   spaceId,
   reservationId,
 }: PutGuestReservationParamsV2): Promise<AxiosResponse<never>> =>
-  apiV2.put(`/guests/maps/${mapId}/spaces/${spaceId}/reservations/${reservationId}`, reservation);
+  apiV2.put(`/api/maps/${mapId}/spaces/${spaceId}/reservations/${reservationId}`, reservation);
+
+export const deleteGuestReservationV2 = ({
+  mapId,
+  spaceId,
+  reservationId,
+  password,
+}: DeleteGuestReservationParamsV2): Promise<AxiosResponse<never>> =>
+  apiV2.delete(`/api/maps/${mapId}/spaces/${spaceId}/reservations/${reservationId}`, {
+    data: { password },
+  });

frontend/src/pages/GuestMap/GuestMap.tsx

@@ -3,7 +3,7 @@ import dayjs, { Dayjs } from 'dayjs';
 import { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { useMutation } from 'react-query';
 import { useHistory, useLocation, useParams } from 'react-router-dom';
-import { deleteGuestReservation } from 'api/guestReservation';
+import { deleteGuestReservationV2 } from 'api-v2/guestReservation';
 import Header from 'components/Header/Header';
 import MESSAGE from 'constants/message';
 import { HREF } from 'constants/path';
@@ -21,7 +21,6 @@ import Aside from './units/Aside';
 import GuestMapDrawing from './units/GuestMapDrawing';
 import LoginPopup from './units/LoginPopup';
 import PasswordInputModal from './units/PasswordInputModal';
-
 export const SWITCH_LABEL_LIST = ['예약하기', '예약현황'];
 
 export interface GuestMapState {
@@ -97,7 +96,7 @@ const GuestMap = ({ map }: GuestMapProps): JSX.Element => {
     }
   );
 
-  const removeReservation = useMutation(deleteGuestReservation, {
+  const removeReservation = useMutation(deleteGuestReservationV2, {
     onSuccess: () => {
       getReservations.refetch();
       window.alert(MESSAGE.RESERVATION.DELETE_SUCCESS);

frontend/src/pages/GuestNonLoginReservationSearch/units/GuestNonLoginReservationSearchResult.tsx

@@ -2,7 +2,7 @@ import { AxiosError } from 'axios';
 import React, { useEffect, useState } from 'react';
 import { useMutation } from 'react-query';
 import { useHistory } from 'react-router-dom';
-import { deleteGuestReservation, queryGuestNonLoginReservations } from 'api/guestReservation';
+import { deleteGuestReservation } from 'api/guestReservation';
 import GrayLogoImage from 'assets/images/gray-logo.png';
 import { ReactComponent as DeleteIcon } from 'assets/svg/delete.svg';
 import { ReactComponent as EditIcon } from 'assets/svg/edit.svg';
@@ -12,7 +12,7 @@ import Loader from 'components/Loader/Loader';
 import MemberReservationListItem from 'components/MemberReservationListItem/MemberReservationListItem';
 import MESSAGE from 'constants/message';
 import { HREF } from 'constants/path';
-import { ManagerSpaceAPI, MemberReservation } from 'types/common';
+import { MemberReservation } from 'types/common';
 import { ErrorResponse } from 'types/response';
 import { formatDate } from 'utils/datetime';
 import api from '../../../api/api';