From 7a5e69d4e540864deeb5d50bac99e701db0dac16 Mon Sep 17 00:00:00 2001
From: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com>
Date: Mon, 31 May 2021 19:34:55 +0300
Subject: [PATCH] :bug: Enable header clicks on tags (#1848)

* enable header clicks

* remove unused func
---
 packages/editor-ui/src/components/TagsContainer.vue | 5 ++++-
 packages/editor-ui/src/components/WorkflowOpen.vue  | 7 +------
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/editor-ui/src/components/TagsContainer.vue b/packages/editor-ui/src/components/TagsContainer.vue
index 719a9fc562..7f2411d406 100644
--- a/packages/editor-ui/src/components/TagsContainer.vue
+++ b/packages/editor-ui/src/components/TagsContainer.vue
@@ -6,6 +6,7 @@
 					v-for="tag in tags"
 					:key="tag.id"
 					:class="{clickable: !tag.hidden}"
+					@click="(e) => onClick(e, tag)"
 				>
 					<el-tag
 						:title="tag.title"
@@ -108,7 +109,9 @@ export default Vue.extend({
 			}
 		},
 		onClick(e: MouseEvent, tag: TagEl) {
-			e.stopPropagation();
+			if (this.clickable) {
+				e.stopPropagation();
+			}
 
 			// if tag is hidden or not displayed
 			if (!tag.hidden) {
diff --git a/packages/editor-ui/src/components/WorkflowOpen.vue b/packages/editor-ui/src/components/WorkflowOpen.vue
index bf03843ad9..568b35a574 100644
--- a/packages/editor-ui/src/components/WorkflowOpen.vue
+++ b/packages/editor-ui/src/components/WorkflowOpen.vue
@@ -32,7 +32,7 @@
 						<template slot-scope="scope">
 							<div :key="scope.row.id">
 								<span class="name">{{scope.row.name}}</span>
-								<TagsContainer class="hidden-sm-and-down" :tagIds="getIds(scope.row.tags)" :limit="3" @click="onTagClick" />
+								<TagsContainer class="hidden-sm-and-down" :tagIds="getIds(scope.row.tags)" :limit="3" />
 							</div>
 						</template>
 					</el-table-column>
@@ -124,11 +124,6 @@ export default mixins(
 		updateTagsFilter(tags: string[]) {
 			this.filterTagIds = tags;
 		},
-		onTagClick(tagId: string) {
-			if (tagId !== 'count' && !this.filterTagIds.includes(tagId)) {
-				this.filterTagIds.push(tagId);
-			}
-		},
 		async openWorkflow (data: IWorkflowShortResponse, column: any) { // tslint:disable-line:no-any
 			if (column.label !== 'Active') {