From 990d54f48bab0da4c1a8ad61df9827ddbd325d87 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 29 Sep 2025 17:45:09 +0000
Subject: [PATCH] feat: Implement visual drag and drop zone

---
 src/components/upload/UppyPhotoUpload.tsx | 27 ++++++++++++-----------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/components/upload/UppyPhotoUpload.tsx b/src/components/upload/UppyPhotoUpload.tsx
index 33b187eb..52ec3e95 100644
--- a/src/components/upload/UppyPhotoUpload.tsx
+++ b/src/components/upload/UppyPhotoUpload.tsx
@@ -388,19 +388,20 @@ export function UppyPhotoUpload({
   const renderContent = () => {
     if (enableDragDrop && !children) {
       return (
-        <DragDropZone
-          onFilesAdded={handleDragDropFiles}
-          maxFiles={maxFiles}
-          maxSizeMB={maxSizeMB}
-          allowedFileTypes={allowedFileTypes}
-          disabled={disabled}
-          className="min-h-[200px]"
-        >
-          <div className="space-y-4">
-            {renderUploadTrigger()}
-            {renderPreview()}
-          </div>
-        </DragDropZone>
+        <div className="space-y-4">
+          <DragDropZone
+            onFilesAdded={(files) => {
+              handleDragDropFiles(files);
+              handleOpenModal();
+            }}
+            maxFiles={maxFiles}
+            maxSizeMB={maxSizeMB}
+            allowedFileTypes={allowedFileTypes}
+            disabled={disabled}
+            className="min-h-[200px]"
+          />
+          {renderPreview()}
+        </div>
       );
     }