feat: Implement visual drag and drop zone

2025-12-23 14:51:13 -05:00 · 2025-09-29 17:45:09 +00:00
parent 728754bab4
commit 990d54f48b
1 changed files with 14 additions and 13 deletions
--- 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>
      );
    }