[Dev] lecture 관련 API 작업

src/entities/lecture/api/index.ts

@@ -1,19 +1,46 @@
-import { Lecture } from "@/entities/lecture/model/lecture";
+import {
+  GetHomeLectureList,
+  GetLecture,
+  GetLectureList,
+  Lecture,
+} from "@/entities/lecture/model/lecture";
+
 import apiRequest from "@/shared/api";
 
-// TODO: BASE_PATH "/lectures"로 변경 필요
-const BASE_PATH = "/class";
-const API_BASE_PATH = "/lectures";
+const BASE_PATH = "/api/lectures";
+const HOME_BASE_PATH = "/api/home";
 
-export const getLectureList = () =>
-  apiRequest.get<Lecture[]>(`${BASE_PATH}`, {});
+export const getLectureList = ({
+  params,
+  payload,
+}: {
+  params: GetLectureList["Request"]["body"]["params"];
+  payload: GetLectureList["Request"]["body"]["payload"];
+}) =>
+  apiRequest.post<GetLectureList["Response"]>(`${BASE_PATH}`, payload, {
+    params,
+  });
 
-export const getLectureInfo = (id: number) =>
-  apiRequest.get<Lecture>(`${BASE_PATH}/${id}`, {});
+export const getHomeLectureList = ({
+  params,
+  payload,
+}: {
+  params: GetHomeLectureList["Request"]["body"]["params"];
+  payload: GetHomeLectureList["Request"]["body"]["payload"];
+}) =>
+  apiRequest.post<GetHomeLectureList["Response"]>(
+    `${HOME_BASE_PATH}`,
+    payload,
+    {
+      params,
+    },
+  );
 
-export const getEntireLecture = () =>
-  apiRequest.get<{
-    status: string;
-    message: string;
-    data: { data: Lecture[]; hasNext: boolean };
-  }>(`${API_BASE_PATH}`, {});
+export const getLectureInfo = ({
+  lectureId,
+  payload,
+}: {
+  lectureId: number;
+  payload: GetLecture["Request"]["body"];
+}) =>
+  apiRequest.post<GetLecture["Response"]>(`${BASE_PATH}/${lectureId}`, payload);

src/entities/lecture/api/useHomeLectureList.ts

@@ -0,0 +1,25 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+
+import { GetLectureListDto } from "../model/lecture";
+import { HOME_LECTURE_KEYS } from "@/shared/api/keyFactory";
+import { getHomeLectureList } from ".";
+
+const useHomeLectureList = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (lectureListReq: GetLectureListDto) =>
+      getHomeLectureList({
+        payload: lectureListReq.payload,
+        params: lectureListReq.params,
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: HOME_LECTURE_KEYS.lists() });
+      queryClient.invalidateQueries({
+        queryKey: HOME_LECTURE_KEYS.list({ page: 1, size: 10 }),
+      });
+    },
+  });
+};
+
+export default useHomeLectureList;

src/entities/lecture/api/useLectureInfo.ts

@@ -1,14 +1,28 @@
+import { GetLecture, GetLectureDto } from "../model/lecture";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+
 import { LECTURE_KEYS } from "@/shared/api/keyFactory";
 import { getLectureInfo } from ".";
-import { useQuery } from "@tanstack/react-query";
 
 const useLectureInfo = (lectureId: number) => {
-  return useQuery({
-    queryKey: LECTURE_KEYS.detail({ lectureId }),
-    queryFn: () => getLectureInfo(lectureId),
-    select: (response) => response.data,
-    meta: {
-      errorMessage: "Failed to fetch Entire Class",
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: ({
+      lectureId,
+      payload,
+    }: {
+      lectureId: number;
+      payload: GetLecture["Request"]["body"];
+    }) =>
+      getLectureInfo({
+        lectureId: lectureId,
+        payload: payload,
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: LECTURE_KEYS.detail({ lectureId }),
+      });
     },
   });
 };

src/entities/lecture/api/useLectureList.ts

@@ -1,14 +1,24 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+
+import { GetLectureList } from "../model/lecture";
 import { LECTURE_KEYS } from "@/shared/api/keyFactory";
 import { getLectureList } from ".";
-import { useQuery } from "@tanstack/react-query";
 
 const useLectureList = () => {
-  return useQuery({
-    queryKey: LECTURE_KEYS.list(),
-    queryFn: () => getLectureList(),
-    select: (response) => response.data,
-    meta: {
-      errorMessage: "Failed to fetch Lecture List",
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (lectureListReq: GetLectureList["Request"]["body"]) =>
+      getLectureList({
+        payload: lectureListReq.payload,
+        params: lectureListReq.params,
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: LECTURE_KEYS.lists() });
+      // TODO: 무한 스크롤 처리하면서 queryKey 바꿔줘야됨
+      queryClient.invalidateQueries({
+        queryKey: LECTURE_KEYS.list({ page: 1, size: 10 }),
+      });
     },
   });
 };