🔀 :: 1.0 릴리즈

package.json

@@ -11,7 +11,7 @@
   "dependencies": {
     "@next/font": "^13.5.2",
     "@tanstack/react-query": "^4.33.0",
-    "@team-return/design-system": "^1.1.8",
+    "@team-return/design-system": "^1.1.15",
     "axios": "^1.4.0",
     "debug": "^4.3.4",
     "next": "13.4.7",

src/apis/applications/index.ts

@@ -0,0 +1,63 @@
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { useToastStore } from "@team-return/design-system";
+import { AxiosError } from "axios";
+import { useRouter } from "next/navigation";
+import { instance } from "../axios";
+import { ApplicationsResponseType, ApplyRequestItmeType } from "./type";
+
+const router = "/applications";
+
+export default function useApplyToCompany(recruitmentId: string) {
+  const navigator = useRouter();
+  const { append } = useToastStore();
+  return useMutation(
+    async function (body: ApplyRequestItmeType[]) {
+      return await instance.post(`${router}/${recruitmentId}`, {
+        attachments: body,
+      });
+    },
+    {
+      onSuccess: () => {
+        navigator.push("/mypage");
+      },
+      onError: (error: AxiosError) => {
+        switch (error.response?.status) {
+          case 401:
+            append({
+              title: "",
+              message: "3학년이 아닌 학생은 지원할 수 없습니다.",
+              type: "RED",
+            });
+            break;
+          case 404:
+            append({
+              title: "",
+              message: "모집의뢰서가 존재하지 않습니다.",
+              type: "RED",
+            });
+            break;
+          case 409:
+            append({
+              title: "",
+              message:
+                "이미 해당 모집의뢰에 지원했거나 승인된 지원요청이 존재합니다.",
+              type: "RED",
+            });
+
+          default:
+            break;
+        }
+      },
+    }
+  );
+}
+
+
+export function useGetApplications() {
+  return useQuery(["GetApplications"], async () => {
+    const { data } = await instance.get<ApplicationsResponseType>(
+      `${router}/students`
+    );
+    return data;
+  });
+}

src/apis/applications/type.ts

@@ -0,0 +1,29 @@
+export type AttachmentsType = "FILE" | "URL";
+
+export interface ApplyRequestItmeType {
+  url: string;
+  type: AttachmentsType;
+}
+
+export type ApplicationsStatusType =
+  | "REQUESTED"
+  | "APPROVED"
+  | "FAILED"
+  | "PASS"
+  | "REJECTED";
+
+export interface ApplicationItemType {
+  application_id: number;
+  company: string;
+  attachments: ApplyRequestItmeType[];
+  application_status: ApplicationsStatusType;
+}
+
+export interface ApplicationsResponseType {
+  applications: ApplicationItemType[];
+  count: number
+}
+
+export interface ApplyRequestBody {
+  attachments: ApplyRequestItmeType[];
+}

src/apis/auth/index.ts

@@ -5,7 +5,7 @@ import { AuthCode, IAuthorizationResponse, SendAuthCodeType } from "./type";
 
 const router = "/auth";
 
-export const ReissueToken = async (refresh_token: string) => {
+export const useReissueToken = async (refresh_token: string) => {
   const response = await axios.put<IAuthorizationResponse>(
     `${process.env.NEXT_PUBLIC_BASE_URL}${router}/reissue`,
     null,
@@ -18,7 +18,7 @@ export const ReissueToken = async (refresh_token: string) => {
   return response.data;
 };
 
-export const SendAuthCode = () => {
+export const useSendAuthCode = () => {
   const { append } = useToastStore();
 
   return useMutation(
@@ -67,7 +67,7 @@ export const SendAuthCode = () => {
   );
 };
 
-export const CheckAuthCode = (
+export const useCheckAuthCode = (
   query_string: AuthCode,
   options?: Omit<
     UseMutationOptions<any, AxiosError<unknown, any>, void, unknown>,

src/apis/axios.ts

@@ -1,6 +1,6 @@
 import axios, { AxiosError } from "axios";
 import { Cookies } from "react-cookie";
-import { ReissueToken } from "./auth";
+import { useReissueToken } from "./auth";
 
 export const instance = axios.create({
   baseURL: process.env.NEXT_PUBLIC_BASE_URL,
@@ -28,6 +28,7 @@ instance.interceptors.response.use(
     if (axios.isAxiosError(error) && error.response) {
       const { config } = error;
       const refreshToken = cookies.get("refresh_token");
+
       if (
         (error.response.data.message === "Invalid Token" ||
           error.response.data.message === "Token Expired" ||
@@ -37,7 +38,7 @@ instance.interceptors.response.use(
         if (!isRefreshing) {
           cookies.remove("access_token");
           isRefreshing = true;
-          ReissueToken(refreshToken)
+          useReissueToken(refreshToken)
             .then((res) => {
               isRefreshing = false;
               cookies.remove("refresh_token");
@@ -61,7 +62,7 @@ instance.interceptors.response.use(
               window.location.href = "/account/login";
             });
         }
-      } else {
+      } else if (error.response.status === 403) {
         window.location.href = "/account/login";
       }
     }

src/apis/bookmarks/index.ts

@@ -0,0 +1,26 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { instance } from "../axios";
+import { BookmarkResponseType } from "./type";
+
+const router = "/bookmarks";
+
+export const useGetBookmarks = () => {
+  return useQuery(["GetBookmarks"], async () => {
+    const { data } = await instance.get<BookmarkResponseType>(`${router}`);
+    return data;
+  });
+};
+
+export const useSetBookmarks = () => {
+  const queryClient = useQueryClient();
+  return useMutation(
+    async (recruitmentId: number) => {
+      await instance.patch(`${router}/${recruitmentId}`);
+    },
+    {
+      onSuccess: () => {
+        queryClient.invalidateQueries(["getRecruitmentsList", "GetBookmarks"]);
+      },
+    }
+  );
+};

src/apis/bookmarks/type.ts

@@ -0,0 +1,9 @@
+export interface BookmarkResponseType {
+  bookmarks: BookmarkItemsType[];
+}
+
+export interface BookmarkItemsType {
+  company_name: string;
+  recruitment_id: number;
+  created_at: string;
+}

src/apis/code/index.ts

@@ -1,21 +1,20 @@
-import { CodeType } from "./type";
 import { useQuery } from "@tanstack/react-query";
 import axios from "axios";
+import { CodeType, GetCodeType } from "./type";
 
 const router = "/codes";
 
-export const GetCode = (
+export const useGetCode = (
   type: CodeType,
   keyword?: string,
   parent_code?: number
 ) => {
-  return useQuery(
-    ["GetCode", type, keyword, parent_code],
-    async () =>
-      await axios.get(
-        `${process.env.NEXT_PUBLIC_BASE_URL}${router}?type=${type}&keyword=${
-          keyword || ""
-        }&parent_code=${parent_code || ""}`
-      )
-  );
+  return useQuery(["GetCode", type, keyword, parent_code], async () => {
+    const { data } = await axios.get<GetCodeType>(
+      `${process.env.NEXT_PUBLIC_BASE_URL}${router}?type=${type}&keyword=${
+        keyword || ""
+      }&parent_code=${parent_code || ""}`
+    );
+    return data;
+  });
 };

src/apis/code/type.ts

@@ -1,10 +1,11 @@
 export interface GetCodeType {
-  codes: CodeType[];
+  codes: ResponesType[];
 }
 
 export interface ResponesType {
   code: number;
   keyword: string;
+  job_type: string;
 }
 
 export type CodeType = "JOB" | "TECH" | "BUSINESS_AREA";

src/apis/companies/index.ts

@@ -6,14 +6,15 @@ import { CompaniesDetailsType, CompaniesListResponseType } from "./type";
 
 const router = "/companies";
 
-export const GetCompaniesList = (queryString: string) => {
+export const useGetCompaniesList = (queryString: string) => {
   const { append } = useToastStore();
   return useQuery(
     ["companiesList", queryString],
     async () => {
-      return await instance.get<CompaniesListResponseType>(
+      const { data } = await instance.get<CompaniesListResponseType>(
         `${router}/student?${queryString}`
       );
+      return data;
     },
     {
       onError: () => {
@@ -27,7 +28,7 @@ export const GetCompaniesList = (queryString: string) => {
   );
 };
 
-export const GetCompaniesDetail = (id: string) => {
+export const useGetCompaniesDetail = (id: string) => {
   const { append } = useToastStore();
   return useQuery(
     ["companiesDetails"],
@@ -45,7 +46,7 @@ export const GetCompaniesDetail = (id: string) => {
   );
 };
 
-export const GetNumberOfCompaniesListPages = (queryString: string) => {
+export const useGetNumberOfCompaniesListPages = (queryString: string) => {
   const { data } = useQuery(
     ["getNumberOfCompaniesListPages", queryString],
     async () =>