From 55416c50532c6b070ffff4737b7ff37a55a8ef39 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Wed, 13 Mar 2024 12:47:33 +0530
Subject: [PATCH] fix drag drop

---
 src/components/Assets.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Assets.jsx b/src/components/Assets.jsx
index 2bd7316..87d562f 100644
--- a/src/components/Assets.jsx
+++ b/src/components/Assets.jsx
@@ -110,12 +110,13 @@ const Assets = () => {
 
 	const [isDropTarget, setIsDropTarget] = useState(false);
 	const handleDragDropEvent = e => {
-		console.log('drag event, ', e.type, e.target.dataset.dragTarget);
 		if (e.type === 'dragover') {
 			// required for drop to work
 			e.preventDefault();
 		} else if (e.type === 'dragleave') {
 			e.preventDefault();
+			// so that individual nested elements don't trigger dragleave
+			if (e.currentTarget.contains(e.target)) return;
 			setIsDropTarget(false);
 		} else if (e.type === 'dragenter') {
 			setIsDropTarget(true);
@@ -157,7 +158,6 @@ const Assets = () => {
 			onDragLeave={handleDragDropEvent}
 			onDragOver={handleDragDropEvent}
 			onDrop={handleDrop}
-			data-drag-target
 		>
 			<HStack gap={1} align="center">
 				<h1>
@@ -179,7 +179,7 @@ const Assets = () => {
 					<VStack gap={1} align="stretch">
 						<label style="background: #00000001">
 							<Text tag="p" align="center">
-								Drop files here to upload
+								Drop files or click here to upload
 							</Text>
 							<Text tag="p" appearance="secondary" align="center">
 								File should be max 300KB in size