feat: 모집 지원서 생성 api 연결 완료

Author: oriNuguri25

src/api/config.ts

@@ -8,6 +8,7 @@ export const API_URLS = {
   MANAGER_LOGIN: "/backend/auth/manager/login",
   CREATE_CLUB: "/backend/councils",
   CHANGE_COUNCIL_NAME: "/backend/councils/:councilId/names",
+  GET_COUNCIL_MEMBERS: "/backend/councils/:councilId/members",
 } as const;
 
 export const getApiUrl = (endpoint: string): string => {

src/api/formDataConverter.ts

@@ -82,7 +82,7 @@ const convertQuestionToApiItem = (
  * 폼 에디터 데이터를 API 요청 형식으로 변환
  */
 export const convertFormDataToApiRequest = (
-  formName: string,
+  name: string,
   endDate: Date | null,
   endTime: string,
   questions: QuestionConfig[]
@@ -102,7 +102,7 @@ export const convertFormDataToApiRequest = (
   );
 
   return {
-    name: formName,
+    name,
     endAt,
     isActive: false,
     recruitmentStatus: "DOCUMENT_SCREENING",

src/api/getCouncilMembers.ts

@@ -0,0 +1,32 @@
+import { API_URLS, apiClient } from "./config";
+import { useQuery } from "@tanstack/react-query";
+
+export type CouncilMember = {
+  councilManagerId: number;
+  memberName: string;
+  memberEmail: string;
+  councilRole: "VICE" | "MANAGER";
+};
+
+export type GetCouncilMembersResponse = {
+  code: number;
+  message: string;
+  data: CouncilMember[];
+};
+
+async function getCouncilMembers(
+  councilId: number | string
+): Promise<GetCouncilMembersResponse> {
+  const { data } = await apiClient.get(
+    API_URLS.GET_COUNCIL_MEMBERS.replace(":councilId", String(councilId))
+  );
+  return data as GetCouncilMembersResponse;
+}
+
+export function useGetCouncilMembers(councilId: number | string | undefined) {
+  return useQuery({
+    queryKey: ["councilMembers", councilId],
+    queryFn: () => getCouncilMembers(councilId!),
+    enabled: !!councilId,
+  });
+}

src/app/layout/RootLayout.tsx

@@ -6,7 +6,9 @@ import { useLocation } from "react-router-dom";
 
 const RootLayout = () => {
   const location = useLocation();
-  const isFormEditPage = location.pathname === "/applicationform/edit";
+  const isFormEditPage =
+    location.pathname === "/applicationform/edit" ||
+    location.pathname.includes("/applicationform/edit");
 
   if (isFormEditPage) {
     return (

src/pages/formEdit/FormEditPageWrapper.tsx

@@ -1,12 +1,7 @@
 import FormEditPage from "./FormEditPage";
-import { FormEditProvider } from "@/widget/formEdit/context/FormEditProvider";
 
 const FormEditPageWrapper = () => {
-  return (
-    <FormEditProvider>
-      <FormEditPage />
-    </FormEditProvider>
-  );
+  return <FormEditPage />;
 };
 
 export default FormEditPageWrapper;

src/pages/recruitApplicant/RecruitApplicantPage.tsx

@@ -2,10 +2,7 @@ import { useMemo } from "react";
 import { useLocation, useNavigate, useParams } from "react-router-dom";
 import { ArrowLeft } from "lucide-react";
 import RecruitApplicantMain from "@/widget/recruitApplicant/ui/RecruitApplicantMain";
-import {
-  REVIEWER_DISPLAY_NAME,
-  findApplicantById,
-} from "@/widget/recruitdetail/constants/applicants";
+import { findApplicantById } from "@/widget/recruitdetail/constants/applicants";
 import type { ApplicantDetail } from "@/widget/recruitdetail/types";
 
 interface ApplicantLocationState {
@@ -50,9 +47,6 @@ const RecruitApplicantPage = () => {
               <ArrowLeft className="h-4 w-4" />
               돌아가기
             </button>
-            <span className="text-xs text-gray-400">
-              담당자 메모 기본 작성자: {REVIEWER_DISPLAY_NAME}
-            </span>
           </div>
         </div>
 

src/shared/components/Header.tsx

@@ -1,24 +1,22 @@
 import { ArrowLeft, Plus } from "lucide-react";
-import { useLocation, useNavigate } from "react-router-dom";
+import { useLocation, useNavigate, useParams } from "react-router-dom";
 import { createRecruitment } from "@/api/recruitment";
 import { convertFormDataToApiRequest } from "@/api/formDataConverter";
 import { useContext } from "react";
 import { FormEditContext } from "@/widget/formEdit/context/FormEditContext";
+import { toast } from "sonner";
 
 const Header = () => {
   const location = useLocation();
   const navigate = useNavigate();
+  const { councilId } = useParams<{ councilId: string }>();
 
   // FormEditContext가 존재하는지 확인
   const formEditContext = useContext(FormEditContext);
-  const { formName, endDate, endTime, questions } = formEditContext || {
-    formName: "",
-    endDate: null,
-    endTime: "00:00",
-    questions: [],
-  };
 
-  const isFormEditPage = location.pathname === "/applicationform/edit";
+  const isFormEditPage =
+    location.pathname === "/applicationform/edit" ||
+    location.pathname.includes("/applicationform/edit");
 
   const handleBack = () => {
     navigate(-1);
@@ -31,41 +29,54 @@ const Header = () => {
       return;
     }
 
+    // formEditContext에서 최신 값 가져오기
+    const currentName = formEditContext.name;
+    const currentEndDate = formEditContext.endDate;
+    const currentEndTime = formEditContext.endTime;
+    const currentQuestions = formEditContext.questions;
+
     // 유효성 검사
-    if (!formName.trim()) {
+    if (!currentName || !currentName.trim()) {
       alert("지원서 제목을 입력해주세요.");
       return;
     }
 
-    if (!endDate) {
+    if (!currentEndDate) {
       alert("지원 기간 종료일을 선택해주세요.");
       return;
     }
 
-    if (!endTime) {
+    if (!currentEndTime) {
       alert("지원 기간 종료 시간을 선택해주세요.");
       return;
     }
 
-    if (questions.length === 0) {
+    if (currentQuestions.length === 0) {
       alert("최소 1개 이상의 질문을 추가해주세요.");
       return;
     }
 
     try {
       // 폼 데이터를 API 형식으로 변환
       const recruitmentData = convertFormDataToApiRequest(
-        formName.trim(),
-        endDate,
-        endTime,
-        questions
+        currentName.trim(),
+        currentEndDate,
+        currentEndTime,
+        currentQuestions
       );
 
       // API 호출
       await createRecruitment(recruitmentData);
 
+      // 성공 토스트 표시
+      toast.success("모집 지원서 생성이 완료되었습니다.");
+
       // 성공 시 페이지 이동
-      navigate("/applicationform");
+      if (councilId) {
+        navigate(`/${councilId}/recruit`);
+      } else {
+        navigate("/applicationform");
+      }
     } catch (error) {
       console.error("지원서 양식 생성 실패:", error);
 
@@ -102,7 +113,7 @@ const Header = () => {
             className="flex items-center gap-2 rounded-xl bg-primary px-5 py-2 text-title-14-semibold text-white transition hover:opacity-90"
           >
             <Plus className="h-4 w-4" />
-            <span>지원서 양식 생성</span>
+            <span>모집 생성하기</span>
           </button>
         </div>
       )}

src/widget/formEdit/context/FormEditContext.ts

@@ -2,8 +2,8 @@ import { createContext } from "react";
 import type { QuestionConfig } from "../types";
 
 export type FormEditContextValue = {
-  formName: string;
-  setFormName: (value: string) => void;
+  name: string;
+  setName: (value: string) => void;
   endDate: Date | null;
   setEndDate: (value: Date | null) => void;
   endTime: string;

src/widget/formEdit/context/FormEditProvider.tsx

@@ -8,7 +8,7 @@ type FormEditProviderProps = {
 };
 
 export const FormEditProvider = ({ children }: FormEditProviderProps) => {
-  const [formName, setFormName] = useState("");
+  const [name, setName] = useState("");
   const [endDate, setEndDate] = useState<Date | null>(null);
   const [endTime, setEndTime] = useState("00:00");
   const [questions, setQuestions] = useState<QuestionConfig[]>([]);
@@ -19,15 +19,15 @@ export const FormEditProvider = ({ children }: FormEditProviderProps) => {
   }, []);
 
   const resetAll = useCallback(() => {
-    setFormName("");
+    setName("");
     resetPeriod();
     setQuestions([]);
   }, [resetPeriod]);
 
   const value = useMemo<FormEditContextValue>(
     () => ({
-      formName,
-      setFormName,
+      name,
+      setName,
       endDate,
       setEndDate,
       endTime,
@@ -37,7 +37,7 @@ export const FormEditProvider = ({ children }: FormEditProviderProps) => {
       resetPeriod,
       resetAll,
     }),
-    [formName, endDate, endTime, questions, resetPeriod, resetAll]
+    [name, endDate, endTime, questions, resetPeriod, resetAll]
   );
 
   return (

src/widget/formEdit/ui/FormEditMain.tsx

@@ -152,8 +152,8 @@ const FormEditMain = ({
   onRemoveQuestion,
 }: FormEditMainProps) => {
   const {
-    formName,
-    setFormName,
+    name,
+    setName,
     endDate,
     setEndDate,
     endTime,
@@ -346,8 +346,8 @@ const FormEditMain = ({
     <div className="flex h-full w-full gap-6 bg-black-15 px-10 pt-10 pb-24 overflow-y-auto">
       <div className="flex h-full w-full flex-col gap-6 pb-12">
         <input
-          value={formName}
-          onChange={(event) => setFormName(event.target.value)}
+          value={name}
+          onChange={(event) => setName(event.target.value)}
           className="w-full rounded-xl bg-white px-5 py-4 text-title-16-semibold text-black-100 shadow-sm placeholder:text-black-35 focus:outline-none focus:ring-2 focus:ring-primary/60"
           placeholder="지원서 양식의 제목을 입력해주세요"
         />