From 24399bb49a4832b49e4d3fbbf104463e488bdc68 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 28 Jun 2024 15:45:32 +0200
Subject: [PATCH] Move workflow preview to primary link for workflows card list
 -- easier to find and feels more natural

---
 client/src/components/Workflow/WorkflowActions.vue | 12 ------------
 client/src/components/Workflow/WorkflowCard.vue    |  9 +++++++--
 2 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/client/src/components/Workflow/WorkflowActions.vue b/client/src/components/Workflow/WorkflowActions.vue
index c7422119e868..47b5f8c036b5 100644
--- 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
index f0df64bcebd8..13aa56a88b2c 100644
--- 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