fix: 학습자료 첨부에서 첨부파일에 null이 들어가는 빌드 오류 해결

#354
BDD-CLUB · Nov 24, 2024 · 2c5bfee · 2c5bfee
1 parent bb72364
commit 2c5bfee
Showing 1 changed file with 33 additions and 33 deletions.
diff --git a/src/containers/study/CreateDocumentModal/index.tsx b/src/containers/study/CreateDocumentModal/index.tsx
@@ -117,47 +117,47 @@ const CreateDocumentModal = ({ isOpen, onClose, categoryData, category }: Docume
 
   const handleGetDoc = {
     IMAGE: (e: ChangeEvent<HTMLInputElement>) => {
-      const imgs = Array.from(e.target.files || []);
+      const images = Array.from(e.target.files || []);
+      let alertFlag = false;
+      const filteredImages = images.reduce(
+        (r, img) => {
+          if (img.size >= MAX_FILE_SIZE) alertFlag = true;
+          else
+            r.push({
+              key: img.name,
+              name: img.name,
+              content: img,
+            });
+          return r;
+        },
+        [] as { key: string; name: string; content: File }[],
+      );
+      if (alertFlag) alert('10MB 이내의 파일을 첨부해주세요.');
       setDocList((prev) => ({
         ...prev,
-        IMAGE: [
-          ...prev.IMAGE,
-          ...imgs
-            .map((img) => {
-              if (img.size >= MAX_FILE_SIZE) {
-                alert('10MB 이내의 파일을 첨부해주세요.');
-                return null;
-              }
-              return {
-                key: img.name,
-                name: img.name,
-                content: img,
-              };
-            })
-            .filter((v) => v !== null),
-        ],
+        IMAGE: [...prev.IMAGE, ...filteredImages],
       }));
     },
     DOCUMENT: (e: ChangeEvent<HTMLInputElement>) => {
       const files = Array.from(e.target.files || []);
+      let alertFlag = false;
+      const filteredFiles = files.reduce(
+        (r, file) => {
+          if (file.size >= MAX_FILE_SIZE) alertFlag = true;
+          else
+            r.push({
+              key: file.name,
+              name: file.name,
+              content: file,
+            });
+          return r;
+        },
+        [] as { key: string; name: string; content: File }[],
+      );
+      if (alertFlag) alert('10MB 이내의 파일을 첨부해주세요.');
       setDocList((prev) => ({
         ...prev,
-        DOCUMENT: [
-          ...prev.DOCUMENT,
-          ...files
-            .map((file) => {
-              if (file.size >= MAX_FILE_SIZE) {
-                alert('10MB 이내의 파일을 첨부해주세요.');
-                return null;
-              }
-              return {
-                key: file.name.toString(),
-                name: file.name,
-                content: file,
-              };
-            })
-            .filter((v) => v !== null),
-        ],
+        DOCUMENT: [...prev.DOCUMENT, ...filteredFiles],
       }));
     },
     URL: () => {