Add drag-and-drop reordering to upload preview

- Enable image reordering in MultiUploadPage before upload
- Add handleReorder callback to update local state
- Users can now sort preview images via drag-and-drop
- Upload order follows the sorted preview order
- No API call needed (pure local state management)
This commit is contained in:
Matthias Lotz 2025-11-07 17:37:57 +01:00
parent 71f1a2da82
commit 9fd4dff2f5

View File

@ -92,6 +92,12 @@ function MultiUploadPage() {
});
};
// Handle drag-and-drop reordering (only updates local state, no API call)
const handleReorder = (reorderedItems) => {
console.log('Reordering images in preview:', reorderedItems);
setSelectedImages(reorderedItems);
};
const handleUpload = async () => {
if (selectedImages.length === 0) {
Swal.fire({
@ -195,6 +201,8 @@ function MultiUploadPage() {
onDelete={handleRemoveImage}
mode="preview"
showActions={true}
enableReordering={true}
onReorder={handleReorder}
/>
{selectedImages.length > 0 && (