feat(ui): show message if no tactical reports (#5576)

Netflix · Dec 5, 2024 · 5ed6795 · 5ed6795
1 parent bcb13e9
commit 5ed6795
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/dispatch/static/dispatch/src/incident/TimelineReportTab.vue b/src/dispatch/static/dispatch/src/incident/TimelineReportTab.vue
@@ -1,11 +1,16 @@
 <template>
   <v-container>
-    <v-timeline density="compact" clipped>
+    <div v-if="tacticalReports.length === 0" class="text-center">
+      <v-icon size="x-large">mdi-alert-circle-outline</v-icon>
+      <p class="text-h6">No tactical reports have been created yet.</p>
+    </div>
+    <v-timeline v-else density="compact" clipped>
       <v-timeline-item hide-dot>
         <v-row>
           <v-col class="text-right text-caption">(times in UTC)</v-col>
         </v-row>
       </v-timeline-item>
+
       <v-timeline-item
         v-for="event in tacticalReports"
         :key="event.id"