hobbyhimmel/Project-Image-Uploader
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve reordering API routing issue

Browse Source 
🔧 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
backend/src/routes/index.js
View File

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

4
frontend/src/Components/Pages/ModerationGroupImagesPage.js
View File

@ -132,7 +132,7 @@ const ModerationGroupImagesPage = () => {
try { try {
setIsReordering(true); 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) // Update local state immediately (optimistic update)
setSelectedImages(reorderedItems); setSelectedImages(reorderedItems);
@ -143,7 +143,7 @@ const ModerationGroupImagesPage = () => {
} }
// Send API request // Send API request
await updateImageOrder(groupId, reorderedItems.map(img => img.id)); await updateImageOrder(groupId, imageIds);
// Show success feedback // Show success feedback
Swal.fire({ Swal.fire({

8
frontend/src/services/reorderService.js
View File

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