feat: Implement visual drag and drop zone

This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 17:45:09 +00:00
parent 728754bab4
commit 990d54f48b

View File

@@ -388,19 +388,20 @@ export function UppyPhotoUpload({
const renderContent = () => { const renderContent = () => {
if (enableDragDrop && !children) { if (enableDragDrop && !children) {
return ( return (
<div className="space-y-4">
<DragDropZone <DragDropZone
onFilesAdded={handleDragDropFiles} onFilesAdded={(files) => {
handleDragDropFiles(files);
handleOpenModal();
}}
maxFiles={maxFiles} maxFiles={maxFiles}
maxSizeMB={maxSizeMB} maxSizeMB={maxSizeMB}
allowedFileTypes={allowedFileTypes} allowedFileTypes={allowedFileTypes}
disabled={disabled} disabled={disabled}
className="min-h-[200px]" className="min-h-[200px]"
> />
<div className="space-y-4">
{renderUploadTrigger()}
{renderPreview()} {renderPreview()}
</div> </div>
</DragDropZone>
); );
} }