Improved summary

src/components/ContactsSummary.vue

@@ -1,28 +1,33 @@
 <script setup>
 // eslint-disable-next-line
-defineProps(["results"]);
+defineProps(["summary"]);
 </script>
 
 <template>
-    <div class="stats">
+    <div v-if="summary" class="stats">
         <div class="item">
-            <div class="measure">{{ results.totalCount }}</div>
+            <div class="measure">{{ summary.totalCount }}</div>
             <div class="label">Contacts Found</div>
         </div>
 
         <div class="item">
-            <div class="measure">{{ results.totalHTDays }}</div>
+            <div class="measure">{{ summary.totalInboundCount }}</div>
+            <div class="label">INBOUND Contacts Found</div>
+        </div>
+
+        <div class="item">
+            <div class="measure">{{ summary.totalHTDays.toFixed(2) }}</div>
             <div class="label">Total Handle Time (days)</div>
         </div>
 
         <div class="item">
-            <div class="measure">{{ results.activeHTDays }}</div>
-            <div class="label">Active Handle Time (days)</div>
+            <div class="measure">{{ summary.activeHTMinutes.toFixed(2) }}</div>
+            <div class="label">Active Handle Time (minutes)</div>
         </div>
 
         <div class="item">
-            <div class="measure">{{ results.totalATHours }}</div>
-            <div class="label">Total Active Time (days)</div>
+            <div class="measure">{{ (summary.totalInboundActiveSeconds / 6).toFixed(2) }}</div>
+            <div class="label">Total [INBOUND] Active Time (minutes)</div>
         </div>
     </div>
 </template>

src/components/HandledBy.vue

@@ -3,5 +3,6 @@
 defineProps(["handledBy"]);
 </script>
 <template>
-    <p>{{ handledBy.username }}</p>
+    <p v-if="handledBy">{{ handledBy.username }}</p>
+    <p v-else>unknown</p>
 </template>

src/components/OutcomeList.vue

@@ -4,5 +4,7 @@ defineProps(["outcomes"]);
 
 </script>
 <template>
-    <div v-for="outcome in outcomes.edges" :key="outcome">{{ outcome.node.text }} </div>
+    <div v-if="outcomes">
+        <div v-for="outcome in outcomes.edges" :key="outcome">{{ outcome.node.text }} </div>
+    </div>
 </template>