fix : 드롭다운 기본값

fix : 드롭다운 기본값

src/api/main/index.ts

@@ -8,6 +8,8 @@ export const GetName = () => {
     queryFn: async () => {
       const result = await instance.get("/admin/my-name");
       localStorage.setItem("name", result.data.name);
+      localStorage.setItem("grade", JSON.stringify(result.data.grade));
+      localStorage.setItem("class_num", JSON.stringify(result.data.class_num));
       return result.data.name;
     },
   });

src/app/afterManage/page.tsx

@@ -272,10 +272,14 @@ const AfterManage = () => {
               출결 저장하기
             </Button>
           )
-        ) : (
+        ) : selectedTab ? (
           <Button colorType="ghost" buttonSize="full" onClick={onClickSave}>
             출결 체크하기
           </Button>
+        ) : (
+          <Button colorType="ghost" buttonSize="full" onClick={handleSaveClub}>
+            출결 저장하기
+          </Button>
         )}
       </div>
     </BackGround>

src/app/main/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 import Header from "@/components/header";
-import Button from "./button";
+import Button from "../../components/main/button";
 import { useEffect, useState } from "react";
-import CheckPage from "./checkPage";
+import CheckPage from "../../components/main/checkPage";
 import { GetName, GetTodaydirector } from "@/api/main";
 import { getToday, getWeekDay } from "@/util/date";
 import AfterManageImg from "@/assets/svg/aferManege.svg";
@@ -25,7 +25,7 @@ const Main = () => {
       <div className="bg-primary-1200 flex flex-col gap-9 items-center px-6 h-dvh pt-7">
         <div className="flex w-full justify-between">
           <Button src="/outAccept" name="외출 수락" img={outingImg} />
-          <Button src="/afterManage" name="방과후 관리" img={AfterManageImg} />
+          <Button src="/afterManage" name="방과후 출결" img={AfterManageImg} />
           <Button src="/attendanceCheck" name="출석 체크" img={attendanceImg} />
           <Button src="/classChange" name="교실 이동" img={moveClassImg} />
         </div>

src/app/outAccept/page.tsx

@@ -30,6 +30,15 @@ const OutAccept = () => {
     AcceptDataList();
   }, [selectGrade, selectClass]);
 
+  useEffect(() => {
+    const grade = parseInt(localStorage.getItem("grade") || "1", 10);
+    const class_num = parseInt(localStorage.getItem("class_num") || "1", 10);
+    const setgrade = grade === 0 ? 1 : grade;
+    const setclass_num = class_num === 0 ? 1 : class_num;
+    setSelectGrade(setgrade);
+    setSelectClass(setclass_num);
+  }, []);
+
   const handleGradeChange = (selectedOption: number) => {
     if (selectedOption === 5) {
       setSelectGrade(5);

src/components/dropdown/index.tsx

@@ -80,6 +80,18 @@ const Dropdown: React.FC<DropdownProp> = ({ type, onChange }) => {
     ));
   };
 
+  useEffect(() => {
+    const grade = parseInt(localStorage.getItem("grade") || "1", 10);
+    const class_num = parseInt(localStorage.getItem("class_num") || "1", 10);
+    const setgrade = grade === 0 ? 1 : grade;
+    const setclass_num = class_num === 0 ? 1 : class_num;
+    if (type === "all") {
+      setSelectedAllOption(setgrade);
+    }
+    setSelectedGradeOption(setgrade);
+    setSelectedClassOption(setclass_num);
+  }, []);
+
   const floorOptions = [
     { value: 2, label: "2층" },
     { value: 3, label: "3층" },

src/app/main/button.tsx → src/components/main/button.tsx

@@ -3,7 +3,7 @@ import Image from "next/image";
 import Link from "next/link";
 
 interface buttonProps {
-  name: "외출 수락" | "방과후 관리" | "출석 체크" | "교실 이동";
+  name: "외출 수락" | "방과후 출결" | "출석 체크" | "교실 이동";
   img: string;
   src: string;
 }