From 9fd4dff2f53f0d2e4b6a4fb5de8ed5ff1f58742e Mon Sep 17 00:00:00 2001
From: "matthias.lotz" <matthias.lotz@hobbyhimmel.de>
Date: Fri, 7 Nov 2025 17:37:57 +0100
Subject: [PATCH] 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)
---
 frontend/src/Components/Pages/MultiUploadPage.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/src/Components/Pages/MultiUploadPage.js b/frontend/src/Components/Pages/MultiUploadPage.js
index 5168326..5807790 100644
--- a/frontend/src/Components/Pages/MultiUploadPage.js
+++ b/frontend/src/Components/Pages/MultiUploadPage.js
@@ -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 && (