From 2c573372579bf9a46c7b70f57fec6850011afc09 Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Tue, 3 May 2022 14:52:11 +0100
Subject: [PATCH] all filters toggleable

---
 src/views/dashboard/related/trace/Filter.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/views/dashboard/related/trace/Filter.vue b/src/views/dashboard/related/trace/Filter.vue
index bfa57b6a..0228c69f 100644
--- a/src/views/dashboard/related/trace/Filter.vue
+++ b/src/views/dashboard/related/trace/Filter.vue
@@ -15,6 +15,18 @@ limitations under the License. -->
 <template>
   <div class="flex-h row">
     <div class="flex-h">
+      <el-tooltip
+        v-if="!activeFilter.length || activeFilter === 'service'"
+        class="box-item"
+        effect="dark"
+        content="Service"
+        placement="top-start"
+      >
+        <el-button @click="setFilter('service')" type="secondary">
+          <Icon size="sm" iconName="cloud_queue" />
+        </el-button>
+      </el-tooltip>
+
       <el-tooltip
         v-if="!activeFilter.length || activeFilter === 'instance'"
         class="box-item"
@@ -78,7 +90,9 @@ limitations under the License. -->
     <div class="wrap-filters">
       <div
         class="filter my-5"
-        v-if="activeFilter === 'service' && dashboardStore.entity === EntityType[1].value"
+        v-if="
+          activeFilter === 'service'
+        "
       >
         <span class="grey mr-5">{{ t("service") }}:</span>
         <Selector
@@ -135,7 +149,7 @@ limitations under the License. -->
         <span class="grey mr-5">-</span>
         <el-input size="small" class="inputs" v-model="maxTraceDuration" />
       </div>
-      <ConditionTags v-if="tagsActive" :type="'TRACE'" @update="updateTags" />
+      <ConditionTags v-if="activeFilter === 'tags'" :type="'TRACE'" @update="updateTags" />
       <el-button
         v-if="activeFilter"
         class="search-btn"