[시간표] 학기 삭제 api 연동

src/api/timetable/APIDetail.ts

@@ -9,6 +9,7 @@ import {
   VersionInfoResponse,
   VersionType,
   SemesterCheckResponse,
+  DeleteSemesterResponse,
   AddTimetableFrameRequest,
   UpdateTimetableFrameRequest,
   TimetableFrameListResponse,
@@ -124,6 +125,26 @@ export class SemesterCheck<R extends SemesterCheckResponse> implements APIReques
   constructor(public authorization: string) {}
 }
 
+export class DeleteSemester<R extends DeleteSemesterResponse> implements APIRequest<R> {
+  method = HTTP_METHOD.DELETE;
+
+  path = '/v2/all/timetables/frame';
+
+  response!: R;
+
+  auth = true;
+
+  params: {
+    [index: string]: string;
+  };
+
+  constructor(public authorization: string, semester: string) {
+    this.params = {
+      semester,
+    };
+  }
+}
+
 export class TimetableFrameList<R extends TimetableFrameListResponse> implements APIRequest<R> {
   method = HTTP_METHOD.GET;
 

src/api/timetable/entity.ts

@@ -66,6 +66,8 @@ export interface SemesterCheckResponse extends APIResponse {
   semesters: string[];
 }
 
+export interface DeleteSemesterResponse extends APIResponse { }
+
 export type TimetableFrameListResponse = TimetableFrameInfo[];
 
 export type AddTimetableFrameResponse = TimetableFrameInfo;

src/api/timetable/index.ts

@@ -7,6 +7,7 @@ import {
   TimetableRemoveLecture,
   VersionInfo,
   SemesterCheck,
+  DeleteSemester,
   TimetableFrameList,
   AddTimetableFrame,
   UpdateTimetableFrame,
@@ -30,6 +31,8 @@ export const getVersion = APIClient.of(VersionInfo);
 
 export const getMySemester = APIClient.of(SemesterCheck);
 
+export const deleteSemester = APIClient.of(DeleteSemester);
+
 export const getTimetableFrame = APIClient.of(TimetableFrameList);
 
 export const addTimetableFrame = APIClient.of(AddTimetableFrame);

src/pages/TimetablePage/hooks/useDeleteSemester.ts

@@ -2,21 +2,14 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { timetable } from 'api';
 import useToast from 'components/common/Toast/useToast';
 import { MY_SEMESTER_INFO_KEY } from './useMySemester';
-import useTimetableFrameList, { TIMETABLE_FRAME_KEY } from './useTimetableFrameList';
+import { TIMETABLE_FRAME_KEY } from './useTimetableFrameList';
 
 export default function useDeleteSemester(token: string, semester: string) {
   const queryClient = useQueryClient();
-  const { data: timetableFrameList } = useTimetableFrameList(token, semester);
   const slicedSemester = `${semester.slice(0, 4)}년도 ${semester.slice(4)}학기`;
   const toast = useToast();
   return useMutation({
-    mutationFn: async () => {
-      if (timetableFrameList) {
-        await Promise.all(timetableFrameList.map((frame) => (
-          timetable.deleteTimetableFrame(token, frame.id!)
-        )));
-      }
-    },
+    mutationFn: () => timetable.deleteSemester(token, semester),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: [MY_SEMESTER_INFO_KEY] });
       queryClient.invalidateQueries({ queryKey: [TIMETABLE_FRAME_KEY + semester] });