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 (
<DragDropZone <div className="space-y-4">
onFilesAdded={handleDragDropFiles} <DragDropZone
maxFiles={maxFiles} onFilesAdded={(files) => {
maxSizeMB={maxSizeMB} handleDragDropFiles(files);
allowedFileTypes={allowedFileTypes} handleOpenModal();
disabled={disabled} }}
className="min-h-[200px]" maxFiles={maxFiles}
> maxSizeMB={maxSizeMB}
<div className="space-y-4"> allowedFileTypes={allowedFileTypes}
{renderUploadTrigger()} disabled={disabled}
{renderPreview()} className="min-h-[200px]"
</div> />
</DragDropZone> {renderPreview()}
</div>
); );
} }