From 04a0e1b2f1383dc2c20528e461d39e6bcaa41cc1 Mon Sep 17 00:00:00 2001
From: kevgliss <kevgliss@gmail.com>
Date: Tue, 3 Nov 2020 10:26:26 -0800
Subject: [PATCH] Adding better checking for non-existant tab data

---
 .../static/dispatch/src/incident/ParticipantsTab.vue        | 6 ++++--
 src/dispatch/static/dispatch/src/incident/TimelineTab.vue   | 4 +++-
 .../static/dispatch/src/incident/WorkflowInstanceTab.vue    | 6 ++++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/dispatch/static/dispatch/src/incident/ParticipantsTab.vue b/src/dispatch/static/dispatch/src/incident/ParticipantsTab.vue
index 5b4185240291..9089ee6f33ee 100644
--- a/src/dispatch/static/dispatch/src/incident/ParticipantsTab.vue
+++ b/src/dispatch/static/dispatch/src/incident/ParticipantsTab.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div v-if="participants">
+    <div v-if="participants.length">
       <span v-for="participant in participants" :key="participant.id">
         <v-list-item :href="participant.individual.weblink" target="_blank">
           <v-list-item-content>
@@ -23,7 +23,9 @@
       </span>
     </div>
     <div v-else>
-      No participant data available.
+      <p class="text-center">
+        No participant data available.
+      </p>
     </div>
   </div>
 </template>
diff --git a/src/dispatch/static/dispatch/src/incident/TimelineTab.vue b/src/dispatch/static/dispatch/src/incident/TimelineTab.vue
index 968dab3098ce..755e7fada697 100644
--- a/src/dispatch/static/dispatch/src/incident/TimelineTab.vue
+++ b/src/dispatch/static/dispatch/src/incident/TimelineTab.vue
@@ -29,7 +29,9 @@
       </v-timeline-item>
     </v-timeline>
     <div v-else>
-      No timeline data available.
+      <p class="text-center">
+        No timeline data available.
+      </p>
     </div>
   </v-container>
 </template>
diff --git a/src/dispatch/static/dispatch/src/incident/WorkflowInstanceTab.vue b/src/dispatch/static/dispatch/src/incident/WorkflowInstanceTab.vue
index 4890eb0ed892..4b95335ddf74 100644
--- a/src/dispatch/static/dispatch/src/incident/WorkflowInstanceTab.vue
+++ b/src/dispatch/static/dispatch/src/incident/WorkflowInstanceTab.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div v-if="workflow_instances">
+    <div v-if="workflow_instances.length">
       <span v-for="instance in workflow_instances" :key="instance.id">
         <v-card>
           <div>
@@ -57,7 +57,9 @@
       </span>
     </div>
     <div v-else>
-      No workflow data available.
+      <p class="text-center">
+        No workflow data available.
+      </p>
     </div>
   </div>
 </template>