Merge pull request #1354 from 42organization/feat/1353-feat-임시-결과-등록-…

…모달-추가 [Feat] 임시 결과 등록 모달 추가
42organization · Apr 6, 2024 · f874e83 · f874e83
2 parents f1d3dc1 + 956151c
commit f874e83
Show file tree

Hide file tree

Showing 4 changed files with 169 additions and 5 deletions.
diff --git a/components/admin/recruitments/recruitmentsuser/NotificationResults.tsx b/components/admin/recruitments/recruitmentsuser/NotificationResults.tsx
@@ -58,6 +58,39 @@ function NotificationResults({ recruitId }: { recruitId: number }) {
     });
   };
 
+  const handleApplicationResultModal = (
+    recruitId: number,
+    applicationId: number,
+    status: 'PROGRESS_INTERVIEW' | 'FAIL',
+    interviewDate: Date | null
+  ) => {
+    setModal({
+      modalName: 'ADMIN-RECRUIT_RESULT',
+      recruitResult: {
+        recruitId,
+        applicationId,
+        status,
+        interviewDate,
+      },
+    });
+  };
+
+  const handleInterviewResultModal = (
+    recruitId: number,
+    applicationId: number,
+    status: 'PASS' | 'FAIL'
+  ) => {
+    setModal({
+      modalName: 'ADMIN-RECRUIT_RESULT',
+      recruitResult: {
+        recruitId,
+        applicationId,
+        status,
+        interviewDate: null,
+      },
+    });
+  };
+
   const handleAlignment = (
     event: React.MouseEvent<HTMLElement>,
     newAlignment: string | null,
@@ -105,7 +138,11 @@ function NotificationResults({ recruitId }: { recruitId: number }) {
     );
   }
 
-  const renderTableCell = (recruit: Inotication, columnName: string) => {
+  const renderTableCell = (
+    recruitId: number,
+    recruit: Inotication,
+    columnName: string
+  ) => {
     if (columnName === 'interview') {
       return (
         <div className={styles.interview}>
@@ -114,7 +151,33 @@ function NotificationResults({ recruitId }: { recruitId: number }) {
             onChange={(date) => setStartDate(date)}
           />
           &nbsp;
-          <Button variant='outlined'>면접</Button>
+          <Button
+            variant='outlined'
+            onClick={() => {
+              handleApplicationResultModal(
+                recruitId,
+                recruit.applicationId,
+                'PROGRESS_INTERVIEW',
+                startDate
+              );
+            }}
+          >
+            면접
+          </Button>
+          <Button
+            variant='outlined'
+            onClick={() => {
+              handleApplicationResultModal(
+                recruitId,
+                recruit.applicationId,
+                'FAIL',
+                startDate
+              );
+            }}
+          >
+            불합
+          </Button>
+          {/* 임시 버튼 */}
         </div>
       );
     }
@@ -140,7 +203,11 @@ function NotificationResults({ recruitId }: { recruitId: number }) {
           <Button
             variant='outlined'
             onClick={() => {
-              /* resultHandler(recruit.id, alignment[recruit.id], 'result'); */
+              handleInterviewResultModal(
+                recruitId,
+                recruit.applicationId,
+                alignment[recruit.applicationId] === '합격' ? 'PASS' : 'FAIL'
+              );
             }}
           >
             결과
@@ -162,7 +229,7 @@ function NotificationResults({ recruitId }: { recruitId: number }) {
                 {tableFormat['notificationList'].columns.map(
                   (columnName: string, index: number) => (
                     <TableCell className={styles.tableBodyItem} key={index}>
-                      {renderTableCell(recruit, columnName)}
+                      {renderTableCell(recruitId, recruit, columnName)}
                     </TableCell>
                   )
                 )}

diff --git a/components/modal/admin/AdminRecruitResultModal.tsx b/components/modal/admin/AdminRecruitResultModal.tsx
@@ -0,0 +1,83 @@
+import { useSetRecoilState } from 'recoil';
+import { instanceInManage } from 'utils/axios';
+import { toastState } from 'utils/recoil/toast';
+import styles from 'styles/admin/modal/AdminRecruitMessageTemplateModal.module.scss';
+
+function AdminRecruitResultModal({
+  recruitId,
+  applicationId,
+  status,
+  interviewDate,
+}: {
+  recruitId: number;
+  applicationId: number;
+  status: 'PROGRESS_INTERVIEW' | 'FAIL' | 'PASS';
+  interviewDate: Date | null;
+}) {
+  const setSnackbar = useSetRecoilState(toastState);
+  const sendInterviewResult = async () => {
+    try {
+      // send interview result to server
+      await instanceInManage.post(
+        `/admin/recruitments/${recruitId}/interview?application=${applicationId}`,
+        {
+          status,
+          interviewDate,
+        }
+      );
+      setSnackbar({
+        toastName: 'interviewResult',
+        severity: 'success',
+        message: '면접 결과가 성공적으로 등록되었습니다.',
+        clicked: true,
+      });
+    } catch (e) {
+      setSnackbar({
+        toastName: 'interviewResult',
+        severity: 'error',
+        message: '면접 결과 등록에 실패했습니다.',
+        clicked: true,
+      });
+    }
+  };
+
+  const sendFinalResult = async () => {
+    try {
+      // send final result to server
+      await instanceInManage.post(
+        `/admin/recruitments/${recruitId}/result?application=${applicationId}`,
+        {
+          status,
+        }
+      );
+      setSnackbar({
+        toastName: 'finalResult',
+        severity: 'success',
+        message: '최종 결과가 성공적으로 등록되었습니다.',
+        clicked: true,
+      });
+    } catch (e) {
+      setSnackbar({
+        toastName: 'finalResult',
+        severity: 'error',
+        message: '최종 결과 등록에 실패했습니다.',
+        clicked: true,
+      });
+    }
+  };
+  if (status === 'PROGRESS_INTERVIEW' && interviewDate) {
+    return (
+      <div className={styles.container}>
+        <button onClick={sendInterviewResult}>면접 결과 등록</button>
+      </div>
+    );
+  }
+
+  return (
+    <div className={styles.container}>
+      <button onClick={sendFinalResult}>최종 결과 등록</button>
+    </div>
+  );
+}
+
+export default AdminRecruitResultModal;
diff --git a/components/modal/modalType/AdminModal.tsx b/components/modal/modalType/AdminModal.tsx
@@ -18,6 +18,7 @@ import AdminUserCoinModal from 'components/modal/admin/AdminUserCoinModal';
 import DeletePenaltyModal from 'components/modal/admin/DeletePenaltyModal';
 import DetailModal from 'components/modal/admin/DetailModal';
 import AdminSeasonEdit from 'components/modal/admin/SeasonEdit';
+import AdminRecruitResultModal from '../admin/AdminRecruitResultModal';
 
 export default function AdminModal() {
   const {
@@ -35,6 +36,7 @@ export default function AdminModal() {
     coinPolicy,
     tournament,
     tournamentId,
+    recruitResult,
   } = useRecoilValue(modalState);
 
   if (!modalName) {
@@ -92,6 +94,10 @@ export default function AdminModal() {
       <AdminTournamentParticipantEditModal tournamentId={tournamentId} />
     ) : null,
     'ADMIN-RECRUIT_MESSAGE_TEMPLATE': <AdminRecruitMessageTemplateModal />,
+    // 임시 결과 등록 모달
+    'ADMIN-RECRUIT_RESULT': recruitResult ? (
+      <AdminRecruitResultModal {...recruitResult} />
+    ) : null,
   };
 
   return content[modalName];

diff --git a/types/modalTypes.ts b/types/modalTypes.ts
@@ -53,7 +53,8 @@ type AdminModal =
   | 'CHECK_SEND_NOTI'
   | 'TOURNAMENT_BRAKET_EDIT'
   | 'TOURNAMENT_PARTICIPANT_EDIT'
-  | 'RECRUIT_MESSAGE_TEMPLATE';
+  | 'RECRUIT_MESSAGE_TEMPLATE'
+  | 'RECRUIT_RESULT';
 
 type ModalName =
   | null
@@ -142,4 +143,11 @@ export interface Modal {
   tournamentInfo?: TournamentInfo;
   tournament?: ITournament;
   tournamentId?: number;
+  // recruit result
+  recruitResult?: {
+    recruitId: number;
+    applicationId: number;
+    status: 'PROGRESS_INTERVIEW' | 'FAIL' | 'PASS';
+    interviewDate: Date | null;
+  };
 }