🔀 :: 지원하기

src/apis/applications/index.ts

@@ -0,0 +1,53 @@
+import { useMutation } 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 { 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;
+        }
+      },
+    }
+  );
+}

src/apis/applications/type.ts

@@ -0,0 +1,10 @@
+export type AttachmentsType = "FILE" | "URL";
+
+export interface ApplyRequestItmeType {
+  url: string;
+  type: AttachmentsType;
+}
+
+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,8 +62,6 @@ instance.interceptors.response.use(
               window.location.href = "/account/login";
             });
         }
-      } else {
-        window.location.href = "/account/login";
       }
     }
     return Promise.reject(error);

src/apis/bookmarks/index.ts

@@ -3,14 +3,14 @@ import { instance } from "../axios";
 
 const router = "/bookmarks";
 
-export const GetBookmarks = () => {
+export const useGetBookmarks = () => {
   return useQuery(["GetBookmarks"], async () => {
     const { data } = await instance.get(`${router}`);
     return data;
   });
 };
 
-export const SetBookmarks = () => {
+export const useSetBookmarks = () => {
   const queryClient = useQueryClient();
   return useMutation(
     async (recruitmentId: number) => {

src/apis/code/index.ts

@@ -4,7 +4,7 @@ import axios from "axios";
 
 const router = "/codes";
 
-export const GetCode = (
+export const useGetCode = (
   type: CodeType,
   keyword?: string,
   parent_code?: number

src/apis/companies/index.ts

@@ -6,7 +6,7 @@ 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],
@@ -27,7 +27,7 @@ export const GetCompaniesList = (queryString: string) => {
   );
 };
 
-export const GetCompaniesDetail = (id: string) => {
+export const useGetCompaniesDetail = (id: string) => {
   const { append } = useToastStore();
   return useQuery(
     ["companiesDetails"],
@@ -45,7 +45,7 @@ export const GetCompaniesDetail = (id: string) => {
   );
 };
 
-export const GetNumberOfCompaniesListPages = (queryString: string) => {
+export const useGetNumberOfCompaniesListPages = (queryString: string) => {
   const { data } = useQuery(
     ["getNumberOfCompaniesListPages", queryString],
     async () =>

src/apis/file/index.ts

@@ -0,0 +1,34 @@
+import { useMutation } from "@tanstack/react-query";
+import { useToastStore } from "@team-return/design-system";
+import { AxiosError } from "axios";
+import { instance } from "../axios";
+import { UploadFileResponse } from "./type";
+
+const router = "/files";
+
+export const useFileUpload = () => {
+  const { append } = useToastStore();
+  return useMutation(
+    async (files: File[]) => {
+      const formData = new FormData();
+      files.map((file) => {
+        formData.append("file", file);
+      });
+      const { data }: { data: UploadFileResponse } = await instance.post(
+        `${router}?type=EXTENSION_FILE`,
+        formData
+      );
+      return data;
+    },
+    {
+      onError: (error: AxiosError) => {
+        if (error.response)
+          append({
+            title: "",
+            message: "파일 업로드에 실패했습니다.",
+            type: "RED",
+          });
+      },
+    }
+  );
+};

src/apis/file/type.ts

@@ -0,0 +1,3 @@
+export interface UploadFileResponse {
+  urls: string[];
+}

src/apis/recruitments/index.ts

@@ -9,7 +9,7 @@ import {
 
 const router = "/recruitments";
 
-export const GetRecruitmentsList = (queryString: string) => {
+export const useGetRecruitmentsList = (queryString: string) => {
   const { append } = useToastStore();
   return useQuery(
     ["getRecruitmentsList", queryString],
@@ -31,11 +31,16 @@ export const GetRecruitmentsList = (queryString: string) => {
   );
 };
 
-export const GetRecruitmentsDetail = (id: string) => {
+export const useGetRecruitmentsDetail = (id: string) => {
   const { append } = useToastStore();
   return useQuery(
     ["getRecruitmentsDetail", id],
-    async () => await instance.get<RecruitmentsDetailType>(`${router}/${id}`),
+    async () => {
+      const { data } = await instance.get<RecruitmentsDetailType>(
+        `${router}/${id}`
+      );
+      return data;
+    },
     {
       refetchOnWindowFocus: false,
       onError: () => {
@@ -49,7 +54,7 @@ export const GetRecruitmentsDetail = (id: string) => {
   );
 };
 
-export const GetNumberOfRecruitmentRequestListPages = (queryString: string) => {
+export const useGetNumberOfRecruitmentRequestListPages = (queryString: string) => {
   const { data } = useQuery(
     ["getNumberOfRecruitmentRequestListPages", queryString],
     async () =>

src/apis/reviews/index.ts

@@ -7,7 +7,7 @@ import {
 
 const router = "/reviews";
 
-export const GetReviewList = (companiesId: string) => {
+export const useGetReviewList = (companiesId: string) => {
   return useQuery(["getReviewList", companiesId], async () => {
     const { data } = await instance.get<getReviewListResponseProps>(
       `${router}/${companiesId}`
@@ -16,7 +16,7 @@ export const GetReviewList = (companiesId: string) => {
   });
 };
 
-export const getReviewDetails = (reviewId: string) => {
+export const useGetReviewDetails = (reviewId: string) => {
   return useQuery(["getReviewDetails", reviewId], async () => {
     const { data } = await instance.get<getReviewDetailResponseProps>(
       `${router}/details/${reviewId}`

src/apis/students/index.ts

@@ -9,7 +9,7 @@ import { MyProfileProps, RequestBody } from "./type";
 
 const router = "/students";
 
-export const Signup = () => {
+export const useSignup = () => {
   const [, setCookie] = useCookies();
   const navigator = useRouter();
   const { append } = useToastStore();
@@ -69,7 +69,7 @@ export const Signup = () => {
   );
 };
 
-export const MyProfile = () => {
+export const useMyProfile = () => {
   return useQuery(
     ["myProfile"],
     async () => await instance.get<MyProfileProps>(`${router}/my`),

src/apis/user/index.ts

@@ -7,7 +7,7 @@ import axios, { AxiosError } from "axios";
 
 const router = "/users";
 
-export const Login = (body: RequestBody, checkBoxValue: boolean) => {
+export const useLogin = (body: RequestBody, checkBoxValue: boolean) => {
   const [, setCookie, removeCookie] = useCookies();
   const navigator = useRouter();
   const { append } = useToastStore();

src/app/companies/detail/page.tsx

@@ -4,15 +4,15 @@ import { useRouter, useSearchParams } from "next/navigation";
 import { useToastStore } from "@team-return/design-system";
 import CompanyTable from "@/components/company/CompanyTable";
 import CompanyTitle from "@/components/company/CompanyTitle";
-import { GetCompaniesDetail } from "@/apis/companies";
+import { useGetCompaniesDetail } from "@/apis/companies";
 import { business_number_regex } from "@/util/regex";
 
 export default function CompanyDetailPage() {
   const navigator = useRouter();
   const params = useSearchParams();
   const { append } = useToastStore();
 
-  const { data } = GetCompaniesDetail(params.get("id")!);
+  const { data } = useGetCompaniesDetail(params.get("id")!);
 
   if (data) {
     const {

src/app/globals.css

@@ -8,6 +8,12 @@
   }
   .skeltonUi {
     @apply bg-[#f7f7f7] relative;
+  }  
+  .drag {
+    -webkit-user-select: text;
+    -moz-user-select: text;
+    -ms-user-select: text;
+    user-select: text;
   }
 }
 
@@ -51,12 +57,6 @@ input[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none;
 }
 
-.drag {
-  -webkit-user-select: text;
-  -moz-user-select: text;
-  -ms-user-select: text;
-  user-select: text;
-}
 
 table {
   width: 100%;