Merge pull request #235 from manNomi/feature/mentor_page_api

feat : mentee 영역 페이지구현

Author: manNomi

src/api/article/client/useGetAriticleList.ts

@@ -2,7 +2,7 @@ import { useEffect, useState } from "react";
 
 import useFetch from "@/utils/apiUtils";
 
-import { ArticleResponse } from "../type/response";
+import { ArticleResponse } from "../types/response";
 
 /* ---------- 타입 ---------- */
 

src/api/article/client/useGetArticleList.ts

@@ -2,7 +2,7 @@ import { useEffect, useState } from "react";
 
 import useFetch from "@/utils/apiUtils";
 
-import { ArticleResponse } from "../type/response";
+import { ArticleResponse } from "../types/response";
 
 /* ---------- 타입 ---------- */
 

src/api/article/type/response.ts src/api/article/types/response.tssrc/api/article/type/response.ts renamed to src/api/article/types/response.ts

@@ -0,0 +1,3 @@
+export enum queryKey {
+  chatRooms = "chatRooms",
+}

src/api/chats/clients/queryKey.ts

@@ -0,0 +1,25 @@
+import { axiosInstance } from "@/utils/axiosInstance";
+
+import { queryKey } from "./queryKey";
+
+import { ChatRoom } from "@/types/chats";
+
+import { useQuery } from "@tanstack/react-query";
+
+export interface ChatRoomListResponse {
+  chatRooms: ChatRoom[];
+}
+
+const getChatRooms = async () => {
+  const res = await axiosInstance.get<ChatRoomListResponse>("/chats/rooms");
+  return res.data;
+};
+const useGetChatRooms = () => {
+  return useQuery({
+    queryKey: [queryKey.chatRooms],
+    queryFn: getChatRooms,
+    staleTime: 1000 * 60 * 5, // 5분간 캐시
+    select: (data) => data.chatRooms,
+  });
+};
+export default useGetChatRooms;

src/api/chats/clients/useGetChatsRooms.ts

@@ -0,0 +1,3 @@
+export enum queryKey {
+  menteeMentoringList = "menteeMentoringList",
+}

src/api/mentee/client/queryKey.ts

@@ -0,0 +1,49 @@
+import { axiosInstance } from "@/utils/axiosInstance";
+
+import { queryKey } from "./queryKey";
+
+import { MentoringListItem } from "@/types/mentee";
+import { VerifyStatus } from "@/types/mentee";
+
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+
+interface UseGetMenteeMentoringListResponse {
+  content: MentoringListItem[];
+  nextPageNumber: number;
+}
+type UseGetMenteeMentoringListRequest = VerifyStatus;
+
+const getMenteeMentoringList = async (
+  verifyStatus: UseGetMenteeMentoringListRequest,
+): Promise<UseGetMenteeMentoringListResponse> => {
+  const res = await axiosInstance.get<UseGetMenteeMentoringListResponse>(
+    `/mentee/mentorings?verify-status=${verifyStatus}`,
+  );
+  return res.data;
+};
+
+const useGetMenteeMentoringList = (verifyStatus: UseGetMenteeMentoringListRequest) => {
+  return useQuery({
+    queryKey: [queryKey.menteeMentoringList, verifyStatus],
+    queryFn: () => getMenteeMentoringList(verifyStatus),
+    staleTime: 1000 * 60 * 5, // 5분간 캐시
+    select: (data) => data.content,
+  });
+};
+
+// 멘토링 리스트 프리페치용 훅
+export const usePrefetchMenteeMentoringList = () => {
+  const queryClient = useQueryClient();
+
+  const prefetchMenteeMentoringList = (verifyStatus: UseGetMenteeMentoringListRequest) => {
+    queryClient.prefetchQuery({
+      queryKey: [queryKey.menteeMentoringList, verifyStatus],
+      queryFn: () => getMenteeMentoringList(verifyStatus),
+      staleTime: 1000 * 60 * 5,
+    });
+  };
+
+  return { prefetchMenteeMentoringList };
+};
+
+export default useGetMenteeMentoringList;

src/api/mentee/client/useGetMentoringList.ts

@@ -0,0 +1,4 @@
+export enum queryKey {
+  mentoringNewCount = "mentoringNewCount",
+  myMentorProfile = "myMentorProfile",
+}