fix: resolve reordering API routing issue

🔧 Problem identified and fixed:
- nginx proxy was routing /api/groups to /groups (removing /api prefix)
- Backend route was registered under /api/groups instead of /groups
- Changed backend route registration from '/api/groups' to '/groups'
- Tested API endpoint: curl to /api/groups/qion_-lT1/reorder now works
- Removed debug console.log statements for cleaner production code

 Drag-and-drop reordering now functional in ModerationGroupImagesPage
 API requests properly routed through nginx proxy to backend
 Error 'Reihenfolge konnte nicht geändert werden' resolved
This commit is contained in:
Matthias Lotz 2025-11-03 21:39:44 +01:00
parent 5b4e7b21fa
commit 8332a78c1e
3 changed files with 8 additions and 8 deletions

View File

@ -7,7 +7,7 @@ const reorderRouter = require('./reorder');
const renderRoutes = (app) => {
[uploadRouter, downloadRouter, batchUploadRouter, groupsRouter, migrationRouter].forEach(router => app.use('/', router));
app.use('/api/groups', reorderRouter);
app.use('/groups', reorderRouter);
};
module.exports = { renderRoutes };

View File

@ -132,7 +132,7 @@ const ModerationGroupImagesPage = () => {
try {
setIsReordering(true);
console.log('🔄 Reordering images:', reorderedItems.map(img => ({ id: img.id, fileName: img.fileName })));
const imageIds = reorderedItems.map(img => img.id);
// Update local state immediately (optimistic update)
setSelectedImages(reorderedItems);
@ -143,7 +143,7 @@ const ModerationGroupImagesPage = () => {
}
// Send API request
await updateImageOrder(groupId, reorderedItems.map(img => img.id));
await updateImageOrder(groupId, imageIds);
// Show success feedback
Swal.fire({

View File

@ -111,8 +111,8 @@ const reorderService = new ReorderService();
export default reorderService;
// Named exports for easier testing
export const updateImageOrder = reorderService.updateImageOrder.bind(reorderService);
export const validateImageIds = reorderService.validateImageIds.bind(reorderService);
export const extractImageIds = reorderService.extractImageIds.bind(reorderService);
export const reorderArray = reorderService.reorderArray.bind(reorderService);
// Named exports for easier testing
export const updateImageOrder = (groupId, imageIds) => reorderService.updateImageOrder(groupId, imageIds);
export const validateImageIds = (images, imageIds) => reorderService.validateImageIds(images, imageIds);
export const extractImageIds = (images) => reorderService.extractImageIds(images);
export const reorderArray = (items, startIndex, endIndex) => reorderService.reorderArray(items, startIndex, endIndex);