From c243a6462020dc10e18ca43b9fdb095b849bd3d0 Mon Sep 17 00:00:00 2001
From: minpeter <kail2005611@gmail.com>
Date: Sat, 30 Mar 2024 18:17:45 +0900
Subject: [PATCH] Fix file upload progress update

---
 src/pages/main/index.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/pages/main/index.tsx b/src/pages/main/index.tsx
index 48cf60e..157ad70 100644
--- a/src/pages/main/index.tsx
+++ b/src/pages/main/index.tsx
@@ -79,6 +79,9 @@ export function MainPage() {
 
   const UpLoad = async () => {
     if (fileProps.files[0].filename !== '') {
+      setProgressValue(0);
+      setUploading(true);
+
       const formdata = new FormData();
       fileProps.files.map((file) => {
         formdata.append('file', file.fileData);
@@ -94,8 +97,7 @@ export function MainPage() {
           'X-Time-Limit': expireTimeBoolean ? expireTime : 180,
           'X-Hidden': hideBoolean,
         },
-        onUploadProgress(progress) {
-          setUploading(false);
+        onUploadProgress: (progress) => {
           setProgressValue(Math.floor((progress.loaded / progress.total) * 100));
           if (Math.floor((progress.loaded / progress.total) * 100) === 100) {
             setProgressStateText('백엔드 처리중');
@@ -103,7 +105,6 @@ export function MainPage() {
         },
       })
         .then(async (res) => {
-          setUploading(true);
           toast.success('업로드 성공!', {
             duration: 3000,
             icon: '🎉',
@@ -111,7 +112,6 @@ export function MainPage() {
           navigate(`/dl/${res.data.folderId}`);
         })
         .catch((err) => {
-          setUploading(true);
           if (err.response.status === 413) {
             toast.error('파일 용량이 너무 큽니다.', {
               duration: 3000,
@@ -130,6 +130,8 @@ export function MainPage() {
         icon: '🔥',
       });
     }
+
+    setUploading(false);
   };
 
   useEffect(() => {