Refactor state display in invocations for expansion.

jmchilton · Mar 13, 2024 · 020f87a · 020f87a
1 parent 90d55ab
commit 020f87a
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/client/src/components/Workflow/InvocationsList.vue b/client/src/components/Workflow/InvocationsList.vue
@@ -65,7 +65,7 @@
                 <UtcDate :date="data.value" mode="elapsed" />
             </template>
             <template v-slot:cell(state)="data">
-                <HelpText :uri="`galaxy.invocations.states.${data.value}`" :text="data.value" />
+                <InvocationsListState :invocation-state="data.value" :invocation-id="data.item.id" />
             </template>
             <template v-slot:cell(execute)="data">
                 <WorkflowRunButton
@@ -83,7 +83,6 @@
 </template>
 
 <script>
-import HelpText from "components/Help/HelpText";
 import { invocationsProvider } from "components/providers/InvocationsProvider";
 import UtcDate from "components/UtcDate";
 import WorkflowInvocationState from "components/WorkflowInvocationState/WorkflowInvocationState";
@@ -95,11 +94,12 @@ import { useWorkflowStore } from "@/stores/workflowStore";
 import paginationMixin from "./paginationMixin";
 
 import WorkflowRunButton from "./WorkflowRunButton.vue";
+import InvocationsListState from "./InvocationsListState.vue";
 import SwitchToHistoryLink from "@/components/History/SwitchToHistoryLink.vue";
 
 export default {
     components: {
-        HelpText,
+        InvocationsListState,
         UtcDate,
         WorkflowInvocationState,
         WorkflowRunButton,

diff --git a/client/src/components/Workflow/InvocationsListState.vue b/client/src/components/Workflow/InvocationsListState.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import HelpText from "@/components/Help/HelpText.vue";
+
+interface Props {
+    invocationId: string;
+    invocationState: string;
+}
+
+defineProps<Props>();
+</script>
+
+<template>
+    <HelpText :uri="`galaxy.invocations.states.${invocationState}`" :text="invocationState" />
+</template>