fix: /programs request body, 항목 수정

team-Ollie · Jul 1, 2024 · 188db7b · 188db7b
1 parent 2548626
commit 188db7b
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 23 deletions.
diff --git a/apis/admin.ts b/apis/admin.ts
@@ -1,10 +1,12 @@
 import { CalendarDate } from "./calendar";
 import client, { ResponseBody } from "./client";
+
 export interface Program {
   name: string;
   dueDate: CalendarDate;
-  startDate: CalendarDate;
+  openDate: CalendarDate;
   location: string;
+  category: string;
   host: string;
   schedule: string;
   description: string;

diff --git a/apis/hooks/admin.ts b/apis/hooks/admin.ts
@@ -1,16 +1,22 @@
-import { useMutation } from "@tanstack/react-query";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { Program, postAttendanceCode, postProgram } from "../admin";
 import { useRouter } from "next/router";
 
 function usePostProgram() {
   const router = useRouter();
+  const queryclient = useQueryClient();
+
   const { mutate } = useMutation({
     mutationKey: ["postProgram"],
     mutationFn: (body: Program) => postProgram(body),
     onSuccess: () => {
+      queryclient.invalidateQueries({
+        queryKey: ["getMyChallengeList"],
+      });
       window.alert("프로그램이 성공적으로 등록되었습니다.");
       router.push("/");
     },
+    onError: () => router.push("/404"),
   });
 
   return { mutate };

diff --git a/components/challenge/ChallengeInput.tsx b/components/challenge/ChallengeInput.tsx
@@ -59,9 +59,19 @@ export default function ChallengeInput({
         break;
       case "dropdown":
         return (
-          <FlexBox className="w-full justify-between gap-2 text-Black">
-            <Dropdown options={locationOptions} placeholder="지역" />
-            <Dropdown options={typeOptions} placeholder="종류" />
+          <FlexBox className="w-full justify-between gap-2 text-black">
+            <Dropdown
+              options={locationOptions}
+              placeholder="지역"
+              value={value}
+              onChange={(arg) => setValue(arg.value)}
+            />
+            <Dropdown
+              options={typeOptions}
+              placeholder="분야"
+              value={value2}
+              onChange={(arg) => setValue2(arg.value)}
+            />
           </FlexBox>
         );
         break;

diff --git a/pages/challenge/add.tsx b/pages/challenge/add.tsx
@@ -13,12 +13,13 @@ dayjs.locale("ko");
 
 const AddChallenge: NextPage = () => {
   const [name, setName] = useState<string>("");
-  const [location, setLocation] = useState<string>("");
-  const [phoneNum, setPhoneNum] = useState<string>("");
-  const [detail, setDetail] = useState<string>("");
   const [startDate, setStartDate] = useState<string>("");
   const [endDate, setEndDate] = useState<string>("");
+  const [location, setLocation] = useState<string>("");
+  const [category, setCategory] = useState<string>("");
   const [host, setHost] = useState<string>("");
+  const [phoneNum, setPhoneNum] = useState<string>("");
+  const [detail, setDetail] = useState<string>("");
 
   const { mutate } = usePostProgram();
 
@@ -30,13 +31,14 @@ const AddChallenge: NextPage = () => {
         month: Number(dayjs(endDate).format("M")),
         day: Number(dayjs(endDate).format("D")),
       },
-      startDate: {
+      openDate: {
         year: Number(dayjs(startDate).format("YYYY")),
         month: Number(dayjs(startDate).format("M")),
         day: Number(dayjs(startDate).format("D")),
       },
       location: location,
-      host: "임시host",
+      category: category,
+      host: host,
       schedule: dayjs(endDate).format("ddd"),
       description:
         detail.trim().length === 0
@@ -67,22 +69,13 @@ const AddChallenge: NextPage = () => {
             isError={false}
           />
           <ChallengeInput
-            title="위치"
-            inputType="text"
-            value={location}
-            setValue={setLocation}
-            isError={false}
-            placeholder="기관명 또는 도로명주소"
-          />
-          <ChallengeInput
-            title="태그"
+            title="지역 및 분야"
             inputType="dropdown"
             value={location}
             setValue={setLocation}
-            value2={endDate}
-            setValue2={setEndDate}
+            value2={category}
+            setValue2={setCategory}
             isError={false}
-            placeholder="기관명 또는 도로명주소"
           />
           <ChallengeInput
             title="주최 기관"
@@ -118,6 +111,8 @@ const AddChallenge: NextPage = () => {
             startDate.length === 0 ||
             endDate.length === 0 ||
             location.length === 0 ||
+            category.length === 0 ||
+            host.length === 0 ||
             phoneNum.length === 0
           }
         />

diff --git a/utils/atom.tsx b/utils/atom.tsx
@@ -1,3 +1,3 @@
 import { atom } from "jotai";
 
-export const isAdminAtom = atom<boolean>(false);
+export const isAdminAtom = atom<boolean>(true);