feat: rebuild admin image manager per-image controls

2026-09-10 06:15:51 -04:00
parent 7d20aedd14
commit c9f6a58516
5 changed files with 130 additions and 61 deletions
@@ -7,7 +7,7 @@ import { useAdminImages } from '@/composables/useAdminImages.js';

 const route = useRoute();
 const inventoryItemId = route.params.id;
-const { images, isLoading, isSaving, error, load, upload, reorder, setPrimary, updateAltText, retry, remove } = useAdminImages(inventoryItemId);
+const { images, isLoading, isSaving, error, load, upload, move, setPrimary, updateAltText, retry, remove } = useAdminImages(inventoryItemId);

 onMounted(load);
 </script>
@@ -22,12 +22,12 @@ onMounted(load);
    <AdminImageManager
      v-else
      :images="images"
-      :processing-status="isSaving ? 'PROCESSING' : (images[0]?.processingStatus ?? 'COMPLETED')"
+      :is-saving="isSaving"
      @upload="upload"
-      @reorder="reorder($event.id, $event.sortOrder)"
+      @move="({ id, direction }) => move(id, direction)"
      @primary="setPrimary"
-      @alt-text="updateAltText(images[0]?.id, $event)"
-      @retry="retry(images[0]?.id)"
+      @alt-text="({ id, altText }) => updateAltText(id, altText)"
+      @retry="retry"
      @delete="remove"
    />
  </main>