From e98046916ddc024254b85c605b960aff0c7615c2 Mon Sep 17 00:00:00 2001
From: Tamara <tomka-zel@yandex.ru>
Date: Wed, 21 Jun 2023 01:19:16 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B4=D1=80=D0=BE=D0=BF.=20=D0=BB=D0=BE=D0=B2?=
 =?UTF-8?q?=D0=B8=D0=BC=20=D1=84=D0=B0=D0=B9=D0=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/startPage/StartPageSettings.tsx | 79 ++++++++++++++++++-----
 1 file changed, 63 insertions(+), 16 deletions(-)

diff --git a/src/pages/startPage/StartPageSettings.tsx b/src/pages/startPage/StartPageSettings.tsx
index 29b6a516..8bf5a1fa 100755
--- a/src/pages/startPage/StartPageSettings.tsx
+++ b/src/pages/startPage/StartPageSettings.tsx
@@ -66,19 +66,35 @@ export default function StartPageSettings() {
         setReady(true)
     }
 
-    React.useEffect(() => {
+    const dragexitHC = () => {
+        setReady(false)
+    }
 
-        if (dropZone.current) {
+    const ondropHC = (event: any) => {
+        event.preventDefault()
+        const file = event.dataTransfer.files[0]
+        console.log(event.dataTransfer.files[0])
+        setImg(URL.createObjectURL(file))
+        setReady(false)
+    }
+
+    const ondragOverHC = (event: any) => {
+        event.preventDefault()
+        console.log(event)
+    }
+
+    React.useEffect(() => {
             dropZone.current.addEventListener("dragenter", dragenterHC)
+            dropZone.current.addEventListener("dragexit", dragexitHC)
+            dropZone.current.addEventListener("dragover", ondragOverHC)
+            dropZone.current.addEventListener("drop", ondropHC)
             console.log(dropZone.current)
-        }
-        return () => {dropZone.current.removeEventListener("dragenter", dragenterHC)}
     },)
 
     //для Логотипа
     const logoHC = (imgInp:any) => {
-        const [file] = imgInp.files
-        setLogo(URL.createObjectURL(file))
+        const [fileL] = imgInp.files
+        setLogo(URL.createObjectURL(fileL))
     }
     const [logo, setLogo] = React.useState("");
 
@@ -90,13 +106,30 @@ export default function StartPageSettings() {
         setReadyLogo(true)
     }
 
-    React.useEffect(() => {
+    const dragexitLogoHC = () => {
+        setReadyLogo(false)
+    }
 
-        if (dropZoneLogo.current) {
+    const ondropLogoHC = (event: any) => {
+        event.preventDefault()
+        const fileL = event.dataTransfer.files[0]
+        console.log(event.dataTransfer.files[0])
+        setLogo(URL.createObjectURL(fileL))
+        setReadyLogo(false)
+    }
+
+    const ondragOverLogoHC = (event: any) => {
+        event.preventDefault()
+        console.log(event)
+    }
+
+    React.useEffect(() => {
             dropZoneLogo.current.addEventListener("dragenter", dragenterLogoHC)
+            dropZoneLogo.current.addEventListener("dragexit", dragexitLogoHC)
+            dropZone.current.addEventListener("dragover", ondragOverLogoHC)
+            dropZone.current.addEventListener("drop", ondropLogoHC)
             console.log(dropZoneLogo.current)
-        }
-        return () => {dropZoneLogo.current.removeEventListener("dragenter", dragenterLogoHC)}
+
     },)
 
     // для фавиконки
@@ -114,13 +147,20 @@ export default function StartPageSettings() {
         setReadyFav(true)
     }
 
+    const dragexitFavHC = () => {
+        setReadyFav(false)
+    }
+
     React.useEffect(() => {
 
-        if (dropZoneFav.current) {
+        // if (dropZoneFav.current) {
             dropZoneFav.current.addEventListener("dragenter", dragenterFavHC)
+            dropZoneFav.current.addEventListener("dragexit", dragexitFavHC)
             console.log(dropZoneFav.current)
-        }
-        return () => {dropZoneFav.current.removeEventListener("dragenter", dragenterFavHC)}
+        // }
+        // return () => {dropZoneFav.current.removeEventListener("dragenter", dragenterFavHC)
+        //     dropZoneFav.current.removeEventListener("dragexit", dragenterFavHC)
+        // }
     },)
 
     //изображение для мобильной версии
@@ -138,13 +178,20 @@ export default function StartPageSettings() {
         setReadyMobile(true)
     }
 
+    const dragexitMobileHC = () => {
+        setReadyMobile(false)
+    }
+
     React.useEffect(() => {
 
-        if (dropZoneMobile.current) {
+        // if (dropZoneMobile.current) {
             dropZoneMobile.current.addEventListener("dragenter", dragenterMobileHC)
+            dropZoneMobile.current.addEventListener("dragexit", dragexitMobileHC)
             console.log(dropZoneMobile.current)
-        }
-        return () => {dropZoneMobile.current.removeEventListener("dragenter", dragenterMobileHC)}
+        // }
+        // return () => {dropZoneMobile.current.removeEventListener("dragenter", dragenterMobileHC)
+        //     dropZoneMobile.current.removeEventListener("dragexit", dragexitMobileHC)
+        // }
     },)
 
     // для видео