From b9fb2f142c22d6c4b2c381a53d635bfb6859b83f Mon Sep 17 00:00:00 2001
From: srgooglo <srgooglo@ragestudio.net>
Date: Wed, 26 Oct 2022 15:09:46 +0000
Subject: [PATCH] handle onDrop

---
 .../app/src/components/PostCreator/index.jsx  | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/packages/app/src/components/PostCreator/index.jsx b/packages/app/src/components/PostCreator/index.jsx
index 8480d0cc..d7c5deb7 100755
--- a/packages/app/src/components/PostCreator/index.jsx
+++ b/packages/app/src/components/PostCreator/index.jsx
@@ -143,6 +143,17 @@ export default (props) => {
         }
     }
 
+    const onDrop = (event) => {
+        event.preventDefault()
+        setUploaderVisible(true)
+
+        console.log(event)
+
+        const files = event.dataTransfer.files
+
+        console.log(files)
+    }
+
     const onUploaderChange = (change) => {
         setFileList(change.fileList)
 
@@ -281,14 +292,7 @@ export default (props) => {
     return <div
         className="postCreator"
         ref={creatorRef}
-        onDragOver={(e) => {
-            e.preventDefault()
-            toggleUploader(true)
-        }}
-        onDragLeave={(e) => {
-            e.preventDefault()
-            toggleUploader(false)
-        }}
+        onDrop={onDrop}
         onMouseEnter={() => {
             toggleFocus(true)
         }}
@@ -345,12 +349,12 @@ export default (props) => {
                 fileList={fileList}
                 multiple
             >
-                <div className="hint">
-                    <Icons.Plus />
-                    <span>Add attachment</span>
-                    <span>Max {humanSize.fromBytes(postingPolicy.maximumFileSize)}</span>
-                </div>
+                <Icons.Plus />
             </antd.Upload>
+
+            <div className="hint">
+                <span>Max {humanSize.fromBytes(postingPolicy.maximumFileSize)}</span>
+            </div>
         </div>
     </div>
 }
\ No newline at end of file