GDSC-Hongik · hamo-o · Dec 22, 2024 · Nov 10, 2024 · Nov 10, 2024 · Nov 10, 2024
@@ -1 +1 @@
-* @ghdtjgus76 @eugene028 @hamo-o @SeieunYoo
+* @eugene028 @hamo-o @SeieunYoo @soulchicken
@@ -0,0 +1,28 @@
+import { fetcher } from "@wow-class/utils";
+import type { OutstandingStudentApiRequestDto } from "types/dtos/outstandingStudent";
+
+const studyAchievementApi = {
+  postStudyAchievement: async (
+    studyId: number,
+    data: OutstandingStudentApiRequestDto
+  ) => {
+    const response = await fetcher.post(
+      `/mentor/study-achievements?studyId=${studyId}`,
+      data
+    );
+    return { success: response.ok };
+  },
+
+  deleteStudyAchievement: async (
+    studyId: number,
+    data: OutstandingStudentApiRequestDto
+  ) => {
+    const response = await fetcher.delete(
+      `/mentor/study-achievements?studyId=${studyId}`,
+      data
+    );
+    return { success: response.ok };
+  },
+};
+
+export default studyAchievementApi;
@@ -0,0 +1,19 @@
+import { fetcher } from "@wow-class/utils";
+import type { StudyCompleteRequestDto } from "types/dtos/studyComplete";
+
+const studyCompleteApi = {
+  postStudyComplete: async (data: StudyCompleteRequestDto) => {
+    const response = await fetcher.post(`/mentor/study-history/complete`, data);
+    return { success: response.ok };
+  },
+
+  postStudyCompleteWithdraw: async (data: StudyCompleteRequestDto) => {
+    const response = await fetcher.post(
+      `/mentor/study-history/withdraw-completion`,
+      data
+    );
+    return { success: response.ok };
+  },
+};
+
+export default studyCompleteApi;
@@ -49,12 +49,6 @@ const RootLayout = ({
   return (
     <html lang="ko">
       <body>
-        <ToastContainer
-          hideProgressBar
-          autoClose={4000}
-          closeButton={false}
-          limit={1}
-        />
         <JotaiProvider>
           <ToastContainer
             hideProgressBar

@@ -0,0 +1,7 @@
+import StudentStatusModal from "../_components/StudentStatusModal";
+
+const StudentStatusModalPage = () => {
+  return <StudentStatusModal />;
+};
+
+export default StudentStatusModalPage;
@@ -0,0 +1,55 @@
+"use client";
+
+import studyCompleteApi from "apis/study/studyCompleteApi";
+import { useAtomValue } from "jotai";
+import Button from "wowds-ui/Button";
+
+import {
+  enabledOutstandingStudentsAtom,
+  outstandingStudentsAtom,
+  selectedStudentsAtom,
+  studyAtom,
+} from "@/students/_contexts/StudyProvider";
+
+import useCloseStudentStatusModal from "../_hooks/useCloseStudentStatusModal";
+
+const CompleteModalButton = () => {
+  const study = useAtomValue(studyAtom);
+  const { enabled } = useAtomValue(enabledOutstandingStudentsAtom);
+  const { type } = useAtomValue(outstandingStudentsAtom);
+  const { students } = useAtomValue(selectedStudentsAtom);
+
+  const {
+    handleClickCloseModal,
+    closeModalWithSuccess,
+    closeModalWithFailure,
+  } = useCloseStudentStatusModal();
+
+  const handleClickComplete = async () => {
+    if (!study || !type) return;
+
+    const apiMap = {
+      처리: studyCompleteApi.postStudyComplete,
+      철회: studyCompleteApi.postStudyCompleteWithdraw,
+    };
+
+    const fetchApi = () => {
+      const fetch = apiMap[type];
+      return fetch({
+        studyId: study.studyId,
+        studentIds: Array.from(students),
+      });
+    };
+    const result = await fetchApi();
+    if (result.success) closeModalWithSuccess();
+    else closeModalWithFailure();
+  };
+
+  return enabled ? (
+    <Button onClick={handleClickComplete}>선택한 회원 수료 {type}</Button>
+  ) : (
+    <Button onClick={handleClickCloseModal}>확인하기</Button>
+  );
+};
+
+export default CompleteModalButton;
@@ -0,0 +1,56 @@
+"use client";
+
+import studyAchievementApi from "apis/study/studyAchievementApi";
+import { useAtomValue } from "jotai";
+import type { AchievementType } from "types/entities/achievement";
+import Button from "wowds-ui/Button";
+
+import {
+  enabledOutstandingStudentsAtom,
+  outstandingStudentsAtom,
+  selectedStudentsAtom,
+  studyAtom,
+} from "@/students/_contexts/StudyProvider";
+
+import useCloseStudentStatusModal from "../_hooks/useCloseStudentStatusModal";
+
+const OutstandingModalButton = () => {
+  const study = useAtomValue(studyAtom);
+  const { enabled } = useAtomValue(enabledOutstandingStudentsAtom);
+  const { type, achievement } = useAtomValue(outstandingStudentsAtom);
+  const { students } = useAtomValue(selectedStudentsAtom);
+
+  const {
+    handleClickCloseModal,
+    closeModalWithSuccess,
+    closeModalWithFailure,
+  } = useCloseStudentStatusModal();
+
+  const handleClickOutstanding = async () => {
+    if (!study || !achievement || !type) return;
+
+    const apiMap = {
+      처리: studyAchievementApi.postStudyAchievement,
+      철회: studyAchievementApi.deleteStudyAchievement,
+    };
+
+    const fetchApi = () => {
+      const fetch = apiMap[type];
+      return fetch(study.studyId, {
+        studentIds: Array.from(students),
+        achievementType: achievement as AchievementType,
+      });
+    };
+    const result = await fetchApi();
+    if (result.success) closeModalWithSuccess();
+    else closeModalWithFailure();
+  };
+
+  return enabled ? (
+    <Button onClick={handleClickOutstanding}>선택한 회원 우수 {type}</Button>
+  ) : (
+    <Button onClick={handleClickCloseModal}>확인하기</Button>
+  );
+};
+
+export default OutstandingModalButton;
@@ -0,0 +1,50 @@
+"use client";
+
+import { Flex, styled } from "@styled-system/jsx";
+import { Modal, Text } from "@wow-class/ui";
+import { useAtomValue } from "jotai";
+
+import {
+  outstandingStudentsAtom,
+  selectedStudentsAtom,
+} from "@/students/_contexts/StudyProvider";
+
+import CompleteModalButton from "./CompleteModalButton";
+import OutstandingModalButton from "./OutstandingModalButton";
+import StudentStatusModalHeader from "./StudentStatusModalHeader";
+
+const StudentStatusModal = () => {
+  const { firstStudentName, students } = useAtomValue(selectedStudentsAtom);
+  const { type, achievement } = useAtomValue(outstandingStudentsAtom);
+
+  const STUDENTS_NUM = students.size;
+  if (!type || !achievement) return null;
+  if (!STUDENTS_NUM) return <Text>선택된 수강생이 없습니다.</Text>;
+
+  const renderAdditionalStudents = () => {
+    if (STUDENTS_NUM === 1) return null;
+    return (
+      <styled.span>
+        외 <styled.span color="primary">{STUDENTS_NUM - 1}명</styled.span>
+      </styled.span>
+    );
+  };
+
+  return (
+    <Modal>
+      <Flex align="center" direction="column" gap="1.5rem">
+        <StudentStatusModalHeader />
+        <Text color="sub">
+          {firstStudentName} 님 {renderAdditionalStudents()}
+        </Text>
+        {achievement === "COMPLETE" ? (
+          <CompleteModalButton />
+        ) : (
+          <OutstandingModalButton />
+        )}
+      </Flex>
+    </Modal>
+  );
+};
+
+export default StudentStatusModal;
@@ -0,0 +1,38 @@
+"use client";
+
+import { Text } from "@wow-class/ui";
+import {
+  outstandingRoundMap,
+  outstandingTypeMap,
+} from "constants/status/outstandigOptions";
+import { useAtomValue } from "jotai";
+
+import {
+  enabledOutstandingStudentsAtom,
+  outstandingStudentsAtom,
+} from "@/students/_contexts/StudyProvider";
+
+const StudentStatusModalHeader = () => {
+  const { enabled } = useAtomValue(enabledOutstandingStudentsAtom);
+  const { type, achievement } = useAtomValue(outstandingStudentsAtom);
+
+  if (!type || !achievement) return null;
+  return enabled ? (
+    <Text
+      typo="h1"
+      style={{
+        textAlign: "center",
+      }}
+    >
+      선택한 수강생을 <br />
+      {outstandingRoundMap[achievement]} {outstandingTypeMap[type]}
+      하시겠어요?
+    </Text>
+  ) : (
+    <Text typo="h1">
+      {outstandingRoundMap[achievement]} {outstandingTypeMap[type]}
+      되었어요.
+    </Text>
+  );
+};
+export default StudentStatusModalHeader;
@@ -0,0 +1,51 @@
+import { useModalRoute } from "@wow-class/ui/hooks";
+import { tags } from "constants/tags";
+import { useSetAtom } from "jotai";
+import { revalidateTagByName } from "utils/revalidateTagByName";
+
+import {
+  enabledOutstandingStudentsAtom,
+  selectedStudentsAtom,
+} from "@/students/_contexts/StudyProvider";
+
+const useCloseStudentStatusModal = () => {
+  const setSelectedStudents = useSetAtom(selectedStudentsAtom);
+  const setEnabledOutstandingStudents = useSetAtom(
+    enabledOutstandingStudentsAtom
+  );
+  const { onClose } = useModalRoute();
+
+  const handleClickCloseModal = () => {
+    setSelectedStudents({
+      students: new Set(),
+      firstStudentName: "",
+    });
+    onClose();
+  };
+
+  const resetStudents = () => {
+    revalidateTagByName(tags.students);
+    setEnabledOutstandingStudents({
+      enabled: false,
+    });
+  };
+
+  const closeModalWithSuccess = () => {
+    resetStudents();
+    setTimeout(() => {
+      handleClickCloseModal();
+    }, 1000);
+  };
+
+  const closeModalWithFailure = () => {
+    resetStudents();
+    handleClickCloseModal();
+  };
+
+  return {
+    handleClickCloseModal,
+    closeModalWithSuccess,
+    closeModalWithFailure,
+  };
+};
+export default useCloseStudentStatusModal;
@@ -0,0 +1,5 @@
+const Default = () => {
+  return null;
+};
+
+export default Default;
@@ -0,0 +1,12 @@
+import type { OutstandingType } from "constants/status/outstandigOptions";
+import Button from "wowds-ui/Button";
+
+const DropDownTrigger = ({ type }: { type: OutstandingType }) => {
+  return (
+    <Button size="sm" variant="outline">
+      우수 및 수료 {type}
+    </Button>
+  );
+};
+
+export default DropDownTrigger;
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		* @ghdtjgus76 @eugene028 @hamo-o @SeieunYoo
		* @eugene028 @hamo-o @SeieunYoo @soulchicken