feat(dashboard): add loading state for report assignment and truncate addresses

2026-06-15 23:12:40 +02:00
parent b6e7cc5b71
commit 107cb61ea4
2 changed files with 50 additions and 38 deletions
@@ -4,10 +4,17 @@ const { getOpenReports, getAssignedReports, takeReport } = useOperator()
 const { data: openReportsRes, refresh: refreshOpen } = useAsyncData('open-reports', () => getOpenReports({ per_page: 5 }))
 const { data: assignedReportsRes, refresh: refreshAssigned } = useAsyncData('assigned-reports', () => getAssignedReports({ per_page: 5 }))

+const processingIds = ref<number[]>([])
+
 const handleTakeReport = async (id: number) => {
-  const res = await takeReport(id)
-  if (res.ok) {
-    await Promise.all([refreshOpen(), refreshAssigned()])
+  processingIds.value.push(id)
+  try {
+    const res = await takeReport(id)
+    if (res.ok) {
+      await Promise.all([refreshOpen(), refreshAssigned()])
+    }
+  } finally {
+    processingIds.value = processingIds.value.filter(pid => pid !== id)
  }
 }
 </script>