Move workflow preview to primary link for workflows card list -- easi…

…er to find and feels more natural
ahmedhamidawan · Jun 28, 2024 · 24399bb · 24399bb
1 parent 414bc64
commit 24399bb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 14 deletions.
diff --git a/client/src/components/Workflow/WorkflowActions.vue b/client/src/components/Workflow/WorkflowActions.vue
@@ -63,7 +63,6 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits<{
     (e: "refreshList", a?: boolean): void;
-    (e: "toggleShowPreview", a?: boolean): void;
 }>();
 
 const userStore = useUserStore();
@@ -147,17 +146,6 @@ const actions: ComputedRef<(AAction | BAction)[]> = computed(() => {
             variant: "link",
             action: () => onToggleBookmark(false),
         },
-        {
-            condition: true,
-            class: "workflow-view-button",
-            component: "button",
-            title: "View workflow",
-            tooltip: "View workflow",
-            icon: faEye,
-            size: props.buttonSize,
-            variant: "link",
-            onClick: () => emit("toggleShowPreview", true),
-        },
     ];
 });
 

diff --git a/client/src/components/Workflow/WorkflowCard.vue b/client/src/components/Workflow/WorkflowCard.vue
@@ -2,7 +2,7 @@
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { faEdit, faEye, faPen, faUpload } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import { BButton } from "bootstrap-vue";
+import { BButton, BLink } from "bootstrap-vue";
 import { storeToRefs } from "pinia";
 import { computed, ref } from "vue";
 
@@ -141,7 +141,12 @@ async function onTagClick(tag: string) {
                 </div>
 
                 <span class="workflow-name font-weight-bold">
-                    {{ workflow.name }}
+                    <BLink
+                        v-b-tooltip.hover.noninteractive
+                        title="Preview Workflow"
+                        @click.stop.prevent="toggleShowPreview(true)">
+                        {{ workflow.name }}
+                    </BLink>
                     <BButton
                         v-if="!shared && !workflow.deleted"
                         v-b-tooltip.hover.noninteractive