From f8c9b5be4396ea2faa114df93501b96a346c8029 Mon Sep 17 00:00:00 2001
From: Jeon Eonseok <jseokeon@gmail.com>
Date: Fri, 2 Aug 2024 00:13:07 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=ED=8C=8C=EC=9D=BC=20=EC=9D=B4?=
 =?UTF-8?q?=EB=A6=84=20=EB=B0=8F=20placeholder=20=EB=A0=8C=EB=8D=94=20?=
 =?UTF-8?q?=ED=95=A8=EC=88=98=EB=A1=9C=20=EB=B6=84=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ApplyPage/components/FileInput/index.tsx  | 38 ++++++++++---------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/views/ApplyPage/components/FileInput/index.tsx b/src/views/ApplyPage/components/FileInput/index.tsx
index f4d2d786..e8cc3434 100644
--- a/src/views/ApplyPage/components/FileInput/index.tsx
+++ b/src/views/ApplyPage/components/FileInput/index.tsx
@@ -113,6 +113,25 @@ const FileInput = ({ section, id, isReview, disabled, defaultFile }: FileInputPr
     }
   };
 
+  const getFileNameClass = () => {
+    if (uploadPercent === -1 && defaultFileName) {
+      return fileName === 'delete-file' ? 'default' : 'selected';
+    } else {
+      return fileName === '' ? 'default' : 'selected';
+    }
+  };
+
+  const getDisplayText = () => {
+    if (uploadPercent === -1 && defaultFileName) {
+      return fileName === 'delete-file' ? '50mb 이하 | pdf' : defaultFileName;
+    } else {
+      if (uploadPercent < 0 && fileName === '') return '50mb 이하 | pdf';
+      else if (isFileUploading) return `업로드 중... ${uploadPercent}/100% 완료`;
+      else if (isFileSending) return '파일을 전송하고 있어요... 잠시만 기다려주세요...';
+      else return fileName;
+    }
+  };
+
   useEffect(() => {
     if (defaultFileId && defaultFileUrl && defaultFileName) {
       setValue(`file${defaultFileId}`, {
@@ -147,24 +166,7 @@ const FileInput = ({ section, id, isReview, disabled, defaultFile }: FileInputPr
         className={fileLabelVar[errors[`file${id}`] ? 'error' : fileName === '' ? 'default' : 'selected']}>
         <div className={textWrapper}>
           <span>파일</span>
-          <>
-            {(uploadPercent !== -1 || !defaultFileName) && (
-              <span className={fileNameVar[fileName === '' ? 'default' : 'selected']}>
-                {uploadPercent < 0 && fileName === ''
-                  ? '50mb 이하 | pdf'
-                  : isFileUploading
-                    ? `업로드 중... ${uploadPercent}/100% 완료`
-                    : isFileSending
-                      ? '파일을 전송하고 있어요... 잠시만 기다려주세요...'
-                      : fileName}
-              </span>
-            )}
-            {uploadPercent === -1 && defaultFileName && (
-              <span className={fileNameVar[fileName === 'delete-file' ? 'default' : 'selected']}>
-                {fileName === 'delete-file' ? '50mb 이하 | pdf' : defaultFileName}
-              </span>
-            )}
-          </>
+          <span className={fileNameVar[getFileNameClass()]}>{getDisplayText()}</span>
         </div>
         <IconPlusButton
           isSelected={fileName !== 'delete-file' && getValues(`file${id}`)}