From 97f090b95adaf1e7764b0c92ae8989e4015bc258 Mon Sep 17 00:00:00 2001
From: chaerin <70943835+chaerin-dev@users.noreply.github.com>
Date: Sat, 2 Jul 2022 22:29:11 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EC=82=BC=ED=95=AD=EC=97=B0?=
 =?UTF-8?q?=EC=82=B0=EC=9E=90=EB=A5=BC=20=EB=85=BC=EB=A6=AC=EA=B3=B1=20?=
 =?UTF-8?q?=EC=97=B0=EC=82=B0=EC=9E=90=EB=A1=9C=20=EB=8C=80=EC=B2=B4,=20?=
 =?UTF-8?q?=EB=B6=80=EC=A0=95=20=EC=A1=B0=EA=B1=B4=EC=9D=84=20=EA=B8=8D?=
 =?UTF-8?q?=EC=A0=95=20=EC=A1=B0=EA=B1=B4=EC=9C=BC=EB=A1=9C=20=EB=8C=80?=
 =?UTF-8?q?=EC=B2=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Components/Tabs/ErrorReport.js    | 10 +++++-----
 src/Components/Tabs/SolutionReport.js |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/Components/Tabs/ErrorReport.js b/src/Components/Tabs/ErrorReport.js
index a9ebb43..8d039f7 100644
--- a/src/Components/Tabs/ErrorReport.js
+++ b/src/Components/Tabs/ErrorReport.js
@@ -19,9 +19,9 @@ export default function ErrorReport() {
   const [questionName, setQuestionName] = useState("");
   const [detailContent, setDetailContent] = useState("");
 
-  const isQuestionNameUnvisible = errorCategory === "" || errorCategory === "error-notCopied";
-  const isDetailContentUnvisible =
-    errorCategory === "" || (errorCategory === "error-wrongAnswer" && questionName === "");
+  const isQuestionNameVisible = errorCategory !== "" && errorCategory !== "error-notCopied";
+  const isDetailContentVisible =
+    errorCategory !== "" && (errorCategory !== "error-wrongAnswer" || questionName !== "");
   const isSubmitBtnDisabled = errorCategory === "error-other" && detailContent === "";
 
   function handleOtherErrorBtnClick() {
@@ -79,7 +79,7 @@ export default function ErrorReport() {
         <Label htmlFor="error-other">기타</Label>
       </StepByStepInputItem>
 
-      {isQuestionNameUnvisible ? null : (
+      {isQuestionNameVisible && (
         <StepByStepInputItem>
           <InlineText>문제 이름: </InlineText>
           <TextInput
@@ -96,7 +96,7 @@ export default function ErrorReport() {
         </StepByStepInputItem>
       )}
 
-      {isDetailContentUnvisible ? null : (
+      {isDetailContentVisible && (
         <>
           <StepByStepInputItem>
             <InlineText>내용: </InlineText>
diff --git a/src/Components/Tabs/SolutionReport.js b/src/Components/Tabs/SolutionReport.js
index 5281a5a..e25ca24 100644
--- a/src/Components/Tabs/SolutionReport.js
+++ b/src/Components/Tabs/SolutionReport.js
@@ -18,7 +18,7 @@ export default function SolutionReport() {
   const [questionName, setQuestionName] = useState("");
   const [detailContent, setDetailContent] = useState("");
 
-  const isDetailContentUnvisible = questionName === "";
+  const isDetailContentVisible = questionName !== "";
   const isSubmitBtnDisabled = detailContent === "";
 
   function handleOtherSolutionBtnClick() {
@@ -61,7 +61,7 @@ export default function SolutionReport() {
         </DataList>
       </StepByStepInputItem>
 
-      {isDetailContentUnvisible ? null : (
+      {isDetailContentVisible && (
         <>
           <StepByStepInputItem>
             <InlineText>기여자 등록: </InlineText>