From b30e463d119e5e7dfccae6cbed2d227a28c56fb6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=ED=98=84=EC=84=9D?= <wefwef12e@naver.com>
Date: Mon, 14 Oct 2024 11:21:22 +0900
Subject: [PATCH] [FIX] review form button (#186) (#187)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: 임시저장 버튼 추가

* fix: 학생 페이지 심사 결과보고서 필드명 수정
---
 .../pages/review/Review/FinalReview.tsx       | 26 +++++++++++++---
 .../pages/review/Review/ProfessorReview.tsx   | 30 ++++++++++++++++---
 .../pages/review/Review/ReviewList.tsx        |  4 +--
 .../pages/review/Review/ReviewResult.tsx      |  2 +-
 4 files changed, 51 insertions(+), 11 deletions(-)

diff --git a/src/components/pages/review/Review/FinalReview.tsx b/src/components/pages/review/Review/FinalReview.tsx
index 7ce7f2d4..5916f393 100644
--- a/src/components/pages/review/Review/FinalReview.tsx
+++ b/src/components/pages/review/Review/FinalReview.tsx
@@ -1,4 +1,6 @@
-import { Button, Stack, Text } from "@mantine/core";
+"use client";
+
+import { Button, Group, Stack, Text } from "@mantine/core";
 import Link from "next/link";
 import { UseFormReturnType } from "@mantine/form";
 import {
@@ -35,7 +37,6 @@ export function FinalReview({
   setCommentType,
 }: FinalReviewProps) {
   const { status } = form.values;
-  const hasPending = status === "PENDING";
 
   return (
     <Stack gap={0}>
@@ -71,17 +72,34 @@ export function FinalReview({
           disabled={commentType !== "심사 의견 파일"}
         />
       </RowGroup> */}
+      <Group justify="right" align="center" p={12}>
+        <Text fz={14} c="gray">
+          임시저장 시 합격여부는 자동으로 보류로 선택됩니다.
+        </Text>
+      </Group>
       <RowGroup withBorderBottom={false}>
         <ButtonRow
           buttons={[
+            <Button
+              key="temp_save"
+              onClick={() => {
+                form.setValues({ status: "PENDING" });
+              }}
+              color="violet"
+              type="submit"
+              loading={currentState === "pending"}
+              disabled={currentState === "submitted"}
+            >
+              임시저장
+            </Button>,
             <Button
               key="save"
-              color={hasPending ? "violet" : "blue"}
+              color="blue"
               type="submit"
               loading={currentState === "pending"}
               disabled={currentState === "submitted"}
             >
-              {hasPending ? "임시저장" : "최종저장"}
+              최종저장
             </Button>,
             <Button key="back" variant="outline" component={Link} href="../final">
               목록으로
diff --git a/src/components/pages/review/Review/ProfessorReview.tsx b/src/components/pages/review/Review/ProfessorReview.tsx
index 7b2dd5b1..0ac1416b 100644
--- a/src/components/pages/review/Review/ProfessorReview.tsx
+++ b/src/components/pages/review/Review/ProfessorReview.tsx
@@ -1,5 +1,7 @@
+"use client";
+
 import Link from "next/link";
-import { Button, Stack, Text } from "@mantine/core";
+import { Button, Group, Stack, Text } from "@mantine/core";
 import { UseFormReturnType } from "@mantine/form";
 import {
   BasicRow,
@@ -39,7 +41,6 @@ export function ProfessorReview({
   setCommentType,
 }: ProfessorReviewProps) {
   const { thesis, presentation } = form.values;
-  const hasPending = thesis === "PENDING" || presentation === "PENDING";
 
   return (
     <Stack gap={0}>
@@ -92,17 +93,38 @@ export function ProfessorReview({
           disabled={commentType !== "심사 의견 파일"}
         />
       </RowGroup>
+      <Group justify="right" align="center" p={12}>
+        <Text fz={14} c="gray">
+          임시저장 시 합격여부는 자동으로 보류로 선택됩니다.
+        </Text>
+      </Group>
       <RowGroup withBorderBottom={false}>
         <ButtonRow
           buttons={[
+            <Button
+              key="temp_save"
+              onClick={() => {
+                form.setValues(
+                  stage === "MAIN"
+                    ? { thesis: "PENDING", presentation: "PENDING" }
+                    : { thesis: "PENDING" }
+                );
+              }}
+              color="violet"
+              type="submit"
+              loading={currentState === "pending"}
+              disabled={currentState === "submitted"}
+            >
+              임시저장
+            </Button>,
             <Button
               key="save"
-              color={hasPending ? "violet" : "blue"}
+              color="blue"
               type="submit"
               loading={currentState === "pending"}
               disabled={currentState === "submitted"}
             >
-              {hasPending ? "임시저장" : "최종저장"}
+              최종저장
             </Button>,
             <Button key="back" variant="outline" component={Link} href="../review">
               목록으로
diff --git a/src/components/pages/review/Review/ReviewList.tsx b/src/components/pages/review/Review/ReviewList.tsx
index 41f07c6f..db1dcf69 100644
--- a/src/components/pages/review/Review/ReviewList.tsx
+++ b/src/components/pages/review/Review/ReviewList.tsx
@@ -46,13 +46,13 @@ export function ReviewList({ title, stage, reviews }: ReviewListProps) {
           { label: "내용 심사 결과", widthPercentage: 10 },
           { label: "구두 심사 결과", widthPercentage: 10 },
           { label: "심사 의견", widthPercentage: 56 },
-          { label: "심사 의견 파일" },
+          { label: "개별심사 결과보고서" },
         ]
       : [
           { label: "심사위원", widthPercentage: 12 },
           { label: "심사 결과", widthPercentage: 10 },
           { label: "심사 의견", widthPercentage: 62 },
-          { label: "심사 의견 파일" },
+          { label: "개별심사 결과보고서" },
         ];
   const table =
     stage === "REVISION" ? (
diff --git a/src/components/pages/review/Review/ReviewResult.tsx b/src/components/pages/review/Review/ReviewResult.tsx
index 84084c12..73600435 100644
--- a/src/components/pages/review/Review/ReviewResult.tsx
+++ b/src/components/pages/review/Review/ReviewResult.tsx
@@ -127,7 +127,7 @@ export function StudentReviewResult({ review }: StudentReviewResultProps) {
           </BasicRow>
         </RowGroup>
         <RowGroup>
-          <BasicRow field="결과보고서 파일">
+          <BasicRow field="최종판정 결과보고서">
             <ApiDownloadButton file={review.file} size="xs" />
           </BasicRow>
         </RowGroup>