Use IdentificationTaskReview instead of IdentificationTask

Author: epou

src/components/identificationTasks/IdentificationTaskReviewTag.vue

@@ -1,22 +1,21 @@
 <template>
-  <Tag :severity="identificationTask.review ? 'info' : 'warn'"
-    :value="identificationTask.review ? formatLocalDateTime(identificationTask.review.created_at) : 'Not reviewed'"
-    v-tooltip.bottom="identificationTask.review ? 'Review datetime' : undefined">
+  <Tag :severity="review ? 'info' : 'warn'" :value="review ? formatLocalDateTime(review.created_at) : 'Not reviewed'"
+    v-tooltip.bottom="review ? 'Review datetime' : undefined">
     <template #icon>
       <span class="material-symbols-outlined p-tag-icon">
-        {{ identificationTask.review ? 'verified' : 'verified_off' }}
+        {{ review ? 'verified' : 'verified_off' }}
       </span>
     </template>
   </Tag>
 </template>
 
 <script setup lang="ts">
-import type { IdentificationTask } from 'mosquito-alert';
+import type { IdentificationTaskReview } from 'mosquito-alert';
 
 import { formatLocalDateTime } from '@/utils/DateUtils';
 
 defineProps<{
-  identificationTask: IdentificationTask
+  review: IdentificationTaskReview | null
 }>()
 
 </script>

src/views/identification_task/DetailView.vue

@@ -11,7 +11,7 @@
     </div>
 
     <div class="flex items-center mb-4 gap-2">
-      <IdentificationTaskReviewTag v-if="identificationTask" :identification-task="identificationTask" />
+      <IdentificationTaskReviewTag v-if="identificationTask" :review="identificationTask.review" />
       <Tag v-if='identificationTask?.is_safe' icon="pi pi-shield" value='Safe content' severity="success" />
       <Tag v-if='identificationTask?.is_flagged' icon="pi pi-flag" value='Flagged' severity="danger" />
       <div class="ml-auto text-surface-400 dark:text-surface-400 flex flex-col">