내 공고 폴더 내부 구현

.gitignore

@@ -31,6 +31,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env
 
 # vercel
 .vercel

src/apis/http.ts

@@ -1,4 +1,3 @@
-import { serverErrorType } from '@/types/api';
 import { isProductionEnv } from '@/utils/common';
 import type {
   AxiosError,
@@ -48,10 +47,10 @@ axiosInstance.interceptors.response.use(
 
   async (error: AxiosError) => {
     if (axios.isAxiosError(error)) {
-      const data = error.response?.data as serverErrorType;
+      const status = error.response?.status;
       const refreshToken = getCookie('refreshToken');
-      if (refreshToken) {
-        if (data?.status === 'UNAUTHORIZED') {
+      if (status === 401) {
+        if (refreshToken) {
           deleteCookie('accessToken');
           deleteCookie('refreshToken');
           try {
@@ -62,6 +61,7 @@ axiosInstance.interceptors.response.use(
             window.location.href = '/login';
           }
         }
+        window.location.href = '/login';
       }
     }
 

src/app/(sidebar)/my-recruit/[id]/api/useDeleteRecruit.ts

@@ -0,0 +1,20 @@
+import { http } from '@/apis/http';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+
+const deleteRecruit = (id: string) => {
+  return http.delete({
+    url: `/recruits/${id}`,
+  });
+};
+
+export const useDeleteRecruit = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: deleteRecruit,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['info-card-list'] });
+      queryClient.invalidateQueries({ queryKey: ['card-type-count'] });
+    },
+  });
+};

src/app/(sidebar)/my-recruit/[id]/api/useGetAllTag.ts

@@ -0,0 +1,20 @@
+import { http } from '@/apis/http';
+import { TagType } from '@/types';
+import { useSuspenseQuery } from '@tanstack/react-query';
+
+type Response = { data: TagType[] };
+
+const getAllTags = () => {
+  return http.get<TagType[]>({
+    url: `/tags`,
+  });
+};
+
+export function useGetAllTags() {
+  const result = useSuspenseQuery({
+    queryKey: ['get-all-tags'],
+    queryFn: () => getAllTags(),
+  });
+
+  return result.data as unknown as Response;
+}

src/app/(sidebar)/my-recruit/[id]/api/useGetCardCount.ts

@@ -0,0 +1,21 @@
+import { http } from '@/apis/http';
+import { useSuspenseQuery } from '@tanstack/react-query';
+
+type getCardCountType = Record<'서류_준비' | '과제_준비' | '인터뷰_준비', number>;
+
+type Response = { data: getCardCountType };
+
+const getCardCount = (id: string) => {
+  return http.get<getCardCountType>({
+    url: `/recruits/${id}/cards/type-count`,
+  });
+};
+
+export function useGetCardCount(id: string) {
+  const result = useSuspenseQuery({
+    queryKey: ['get-progress-recruit'],
+    queryFn: () => getCardCount(id),
+  });
+
+  return result.data as unknown as Response;
+}

src/app/(sidebar)/my-recruit/[id]/api/useGetProgressRecruit.ts

@@ -0,0 +1,33 @@
+import { http } from '@/apis/http';
+import { useSuspenseQuery } from '@tanstack/react-query';
+
+export interface NearestScheduleType {
+  id: number;
+  recruitScheduleStage: string;
+  deadLine: string;
+}
+
+export interface ProgressRecruitType {
+  id: number;
+  title: string;
+  season: string;
+  siteUrl: string;
+  recruitStatus: string;
+  createdDate: string;
+  nearestSchedule: NearestScheduleType | null;
+}
+
+const getProgressRecruit = () => {
+  return http.get<ProgressRecruitType[]>({
+    url: `/recruits/progressing`,
+  });
+};
+
+export function useGetProgressRecruit() {
+  const result = useSuspenseQuery({
+    queryKey: ['get-progress-recruit'],
+    queryFn: () => getProgressRecruit(),
+  });
+
+  return result.data as unknown as ProgressRecruitType[];
+}

src/app/(sidebar)/my-recruit/[id]/api/useGetRecruitById.ts

@@ -0,0 +1,27 @@
+import { http } from '@/apis/http';
+import { useSuspenseQuery } from '@tanstack/react-query';
+
+interface recruitByIdType {
+  id: number;
+  title: string;
+  season: string;
+  siteUrl: string;
+  recruitStatus: string;
+}
+
+type Response = { data: recruitByIdType };
+
+const getRecruitById = (id: string) => {
+  return http.get<recruitByIdType>({
+    url: `/recruits/${id}`,
+  });
+};
+
+export function useGetRecruitById(id: string) {
+  const result = useSuspenseQuery({
+    queryKey: ['get-recruit-by-id', id],
+    queryFn: () => getRecruitById(id),
+  });
+
+  return result.data as unknown as Response;
+}

src/app/(sidebar)/my-recruit/[id]/api/useGetRecruitCards.ts

@@ -0,0 +1,27 @@
+import { http } from '@/apis/http';
+import { TagType } from '@/types';
+import { useSuspenseQuery } from '@tanstack/react-query';
+
+export type GetRecruitCardsType = {
+  id: number;
+  title: string;
+  updatedDate: string;
+  tagList: TagType[];
+};
+
+type Response = { data: GetRecruitCardsType[] };
+
+const getRecruitCards = ({ id, progress }: { id: string; progress: string }) => {
+  return http.get<GetRecruitCardsType[]>({
+    url: `recruits/${id}/cards?type=${progress}`,
+  });
+};
+
+export function useGetRecruitCards({ id, progress }: { id: string; progress: string }) {
+  const result = useSuspenseQuery({
+    queryKey: ['get-recruit-card-id', id, progress],
+    queryFn: () => getRecruitCards({ id, progress }),
+  });
+
+  return result.data as unknown as Response;
+}

src/app/(sidebar)/my-recruit/[id]/api/useGetSeason.ts

@@ -0,0 +1,23 @@
+import { http } from '@/apis/http';
+import { useSuspenseQuery } from '@tanstack/react-query';
+
+export interface SeasonType {
+  name: string;
+}
+
+type Response = { data: SeasonType[] };
+
+const getSeasons = () => {
+  return http.get<SeasonType[]>({
+    url: `/seasons`,
+  });
+};
+
+export function useGetSeasons() {
+  const result = useSuspenseQuery({
+    queryKey: ['get-seasons'],
+    queryFn: () => getSeasons(),
+  });
+
+  return result.data as unknown as Response;
+}

src/app/(sidebar)/my-recruit/[id]/api/usePatchSeason.ts

@@ -0,0 +1,32 @@
+import { http } from '@/apis/http';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { ProgressRecruitType } from './useGetProgressRecruit';
+
+interface patchSeasonProps {
+  newSeason: string;
+  id: string;
+}
+
+const patchSeason = ({ newSeason, id }: patchSeasonProps) => {
+  return http.patch<ProgressRecruitType>({
+    url: `/recruits/${id}/season`,
+    data: {
+      season: newSeason,
+    },
+  });
+};
+
+export const usePatchSeason = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async ({ newSeason, id }: patchSeasonProps) => {
+      const res = await patchSeason({ newSeason, id });
+
+      return res.data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['get-recruit-by-id'] });
+    },
+  });
+};

src/app/(sidebar)/my-recruit/[id]/api/usePatchSiteUrl.ts

@@ -0,0 +1,32 @@
+import { http } from '@/apis/http';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { ProgressRecruitType } from './useGetProgressRecruit';
+
+interface patchSiteProps {
+  newSiteUrl: string;
+  id: string;
+}
+
+const patchSiteUrl = ({ newSiteUrl, id }: patchSiteProps) => {
+  return http.patch<ProgressRecruitType>({
+    url: `/recruits/${id}/siteUrl`,
+    data: {
+      siteUrl: newSiteUrl,
+    },
+  });
+};
+
+export const usePatchSiteUrl = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async ({ newSiteUrl, id }: patchSiteProps) => {
+      const res = await patchSiteUrl({ newSiteUrl, id });
+
+      return res.data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['get-recruit-by-id'] });
+    },
+  });
+};

src/app/(sidebar)/my-recruit/[id]/api/usePatchStatus.ts

@@ -0,0 +1,37 @@
+import { http } from '@/apis/http';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+
+interface PatchStatusResponse {
+  status: string;
+}
+
+interface patchStatusProps {
+  newStatus: string;
+  id: string;
+}
+
+const patchStatus = ({ newStatus, id }: patchStatusProps) => {
+  return http.patch<PatchStatusResponse>({
+    url: `/recruits/${id}/status`,
+    data: {
+      recruitStatus: newStatus,
+    },
+  });
+};
+
+export const usePatchStatus = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async ({ newStatus, id }: patchStatusProps) => {
+      const res = await patchStatus({ newStatus, id });
+
+      console.log(res);
+
+      return res.data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['get-recruit-by-id'] });
+    },
+  });
+};

src/app/(sidebar)/my-recruit/[id]/api/usePatchTitle.ts

@@ -0,0 +1,35 @@
+import { http } from '@/apis/http';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+
+interface PatchTitleResponse {
+  title: string;
+}
+
+interface patchTitleProps {
+  newTitle: string;
+  id: string;
+}
+
+const patchTitle = ({ newTitle, id }: patchTitleProps) => {
+  return http.patch<PatchTitleResponse>({
+    url: `/recruits/${id}/title`,
+    data: {
+      title: newTitle,
+    },
+  });
+};
+
+export const usePatchTitle = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async ({ newTitle, id }: patchTitleProps) => {
+      const res = await patchTitle({ newTitle, id });
+
+      return res.data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['get-recruit-by-id'] });
+    },
+  });
+};