From a20d1633424502af5139e220826fd79e36d93f77 Mon Sep 17 00:00:00 2001
From: Ahmed Awan <qe66653@umbc.edu>
Date: Tue, 14 May 2024 12:14:39 -0500
Subject: [PATCH] add a `LoadingSpan` if there is no job response

---
 client/src/components/Tool/ToolSuccess.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Tool/ToolSuccess.vue b/client/src/components/Tool/ToolSuccess.vue
index 30da140a0980..76a3613a7a25 100644
--- a/client/src/components/Tool/ToolSuccess.vue
+++ b/client/src/components/Tool/ToolSuccess.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
+import { BAlert } from "bootstrap-vue";
 import { computed, onMounted } from "vue";
 import { useRouter } from "vue-router/composables";
 
 import { useConfig } from "@/composables/config";
 import { useJobStore } from "@/stores/jobStore";
 
+import LoadingSpan from "../LoadingSpan.vue";
 import ToolRecommendation from "../ToolRecommendation.vue";
 import ToolSuccessMessage from "./ToolSuccessMessage.vue";
 import Webhook from "@/components/Common/Webhook.vue";
@@ -31,10 +33,15 @@ onMounted(() => {
 
 <template>
     <section>
-        <div v-if="jobResponse?.produces_entry_points">
-            <ToolEntryPoints v-for="job in jobResponse.jobs" :key="job.id" :job-id="job.id" />
+        <BAlert v-if="!jobResponse" variant="info" show>
+            <LoadingSpan message="Waiting on a job response" />
+        </BAlert>
+        <div v-else>
+            <div v-if="jobResponse?.produces_entry_points">
+                <ToolEntryPoints v-for="job in jobResponse.jobs" :key="job.id" :job-id="job.id" />
+            </div>
+            <ToolSuccessMessage :job-response="jobResponse" :tool-name="toolName" />
         </div>
-        <ToolSuccessMessage :job-response="jobResponse" :tool-name="toolName" />
         <Webhook type="tool" :tool-id="jobDef.tool_id" />
         <ToolRecommendation v-if="showRecommendation" :tool-id="jobDef.tool_id" />
     </section>