From 7ebe77c7638e672ccbcb4d44587efc2699a5f075 Mon Sep 17 00:00:00 2001
From: basssy <basssy@interplug.co.kr>
Date: Tue, 25 Feb 2025 09:22:56 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B2=AC=EC=A0=81=EC=84=9C=20=EC=B2=A8?=
 =?UTF-8?q?=EB=B6=80=ED=8C=8C=EC=9D=BC=20=ED=99=95=EC=9E=A5=EC=9E=90=20?=
 =?UTF-8?q?=EC=B2=B4=ED=81=AC=20=EB=93=9C=EB=9E=98=EA=B7=B8&=EB=93=9C?=
 =?UTF-8?q?=EB=9E=8D=EB=8F=84=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../estimate/EstimateFileUploader.jsx         | 34 +++++++++++--------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/components/estimate/EstimateFileUploader.jsx b/src/components/estimate/EstimateFileUploader.jsx
index 26f28405..c02d4637 100644
--- a/src/components/estimate/EstimateFileUploader.jsx
+++ b/src/components/estimate/EstimateFileUploader.jsx
@@ -23,10 +23,16 @@ export default function EstimateFileUploader({ uploadFiles, setUploadFiles }) {
 
     const fileList = []
     let passFlag = true
+    const allowedFileTypes = [
+      'image/',
+      'application/pdf',
+      'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+      'application/vnd.ms-excel',
+    ]
     Array.from(e.target.files).forEach((file) => {
-      let fileType = file.type
       //엑셀, pdf, 이미지
-      if (!fileType.includes('image') && !fileType.includes('pdf') && !fileType.includes('spreadsheet')) {
+      const fileType = file.type
+      if (!allowedFileTypes.some((type) => fileType.includes(type))) {
         passFlag = false
       } else {
         fileList.push({ data: file, id: uuidv4() })
@@ -34,7 +40,7 @@ export default function EstimateFileUploader({ uploadFiles, setUploadFiles }) {
     })
 
     if (!passFlag) {
-      swalFire({ text: getMessage('estimate.detail.fileList.extCheck'), type: 'alert' })
+      swalFire({ text: getMessage('estimate.detail.fileList.extCheck'), type: 'alert', icon: 'error' })
     }
 
     setUploadFiles([...uploadFiles, ...fileList])
@@ -50,10 +56,17 @@ export default function EstimateFileUploader({ uploadFiles, setUploadFiles }) {
     e.stopPropagation()
     const fileList = []
     let passFlag = true
+    const allowedFileTypes = [
+      'image/',
+      'application/pdf',
+      'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+      'application/vnd.ms-excel',
+    ]
 
     Array.from(e.dataTransfer.files).forEach((file) => {
+      //엑셀, pdf, 이미지
       let fileType = file.type
-      if (!fileType.includes('image')) {
+      if (!allowedFileTypes.some((type) => fileType.includes(type))) {
         passFlag = false
       } else {
         fileList.push({ data: file, id: uuidv4() })
@@ -61,7 +74,7 @@ export default function EstimateFileUploader({ uploadFiles, setUploadFiles }) {
     })
 
     if (!passFlag) {
-      swalFire({ text: getMessage('estimate.detail.fileList.extCheck'), type: 'alert' })
+      swalFire({ text: getMessage('estimate.detail.fileList.extCheck'), type: 'alert', icon: 'error' })
     }
 
     setUploadFiles([...uploadFiles, ...fileList])
@@ -88,16 +101,7 @@ export default function EstimateFileUploader({ uploadFiles, setUploadFiles }) {
         <label className="file-upload" htmlFor="img" onClick={handleButtonClick}>
           {getMessage('estimate.detail.fileList.btn')}
         </label>
-        <input
-          type="file"
-          multiple
-          name="file"
-          id="img"
-          // accept="image/*"
-          ref={fileInputRef}
-          style={{ display: 'none' }}
-          onChange={(e) => onChangeFiles(e)}
-        />
+        <input type="file" multiple name="file" ref={fileInputRef} style={{ display: 'none' }} onChange={(e) => onChangeFiles(e)} />
       </div>
       <div
         className="drag-file-area"