From 68d5a7ebccd4553efd4e80c59119b17321616267 Mon Sep 17 00:00:00 2001
From: M1kola <gigablock3030@yandex.ru>
Date: Thu, 13 Jul 2023 02:45:20 +0300
Subject: [PATCH] file

---
 .../Modal/Tracker/ModalTicket/ModalTicket.jsx | 43 ++++++++++---------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx b/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx
index 709a3f22..7eb10ee2 100644
--- a/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx
+++ b/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx
@@ -68,7 +68,7 @@ export const ModalTiсket = ({
   const [executor, setExecutor] = useState(task.executor);
   const [members, setMembers] = useState(task.taskUsers);
   const [users, setUsers] = useState([]);
-  const [selectedFile, setSelectedFile] = useState(null);
+  const [selectedFile, setSelectedFile] = useState('');
   const [timerStart, setTimerStart] = useState(false);
   const [timerInfo, setTimerInfo] = useState({});
   const [currentTimerCount, setCurrentTimerCount] = useState({
@@ -308,29 +308,31 @@ export const ModalTiсket = ({
     }
   }, []);
 
-  const handleUpload = async (event) => {
+  function handleChange (event) {
+    setSelectedFile(event.target.files[0])
+  }
+
+  async function handleUpload () {
     const formData = new FormData();
-    formData.append("uploadFile ", event.target.files[0]);
-    // apiRequest('/file/upload', {
-    //   method: 'POST',
-    //   data: {
-    //     formData
-    //   }
-    // }).then((res) => {
-    //   console.log(res)
-    // })
-    // console.log(formData)
-    const res = await fetch("https://itguild.info/file/upload", {
+    formData.append('uploadFile', selectedFile);
+    const headers = {
+      "Access-Control-Allow-Origin": "*",
+      "Content-Type": "application/json",
+    }
+    const fullHeaders = { ...headers, ...getToken() };
+    const res = await fetch("https://itguild.info/api/file/upload", {
       method: "POST",
       body: formData,
-      headers: {
-        "Access-Control-Allow-Origin": "*",
-        "Content-Type": "application/json",
-        ...getToken(),
-      },
+      headers: { ...fullHeaders }
     });
 
-    console.log(res);
+    console.log(fullHeaders)
+    console.log(res)
+    // apiRequest('/file/upload', {
+    //   method: 'POST',
+    //   body: formData
+    // }).then((res) => {
+    // })
   };
 
   function startTimer() {
@@ -486,13 +488,14 @@ export const ModalTiсket = ({
                     type="file"
                     accept="image/*,.png,.jpg,.svg,.jpeg"
                     className="input__file"
-                    onChange={handleUpload}
+                    onChange={handleChange}
                   />
                   <label htmlFor="input__file" className="button-add-file">
                     <img src={file}></img>
                     Загрузить файл
                   </label>
                 </div>
+                <p onClick={handleUpload}>Отправить</p>
                 <span>{0}</span>
                 {caseOfNum(0, "files")}
               </div>