From 8e33b3320c16731858b8764f9d7dd71412dedbb1 Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Wed, 11 May 2022 23:35:46 +0100
Subject: [PATCH] included other cancel conditions such as tags

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

diff --git a/src/views/dashboard/related/trace/Filter.vue b/src/views/dashboard/related/trace/Filter.vue
index 1995f1e3..221e943d 100644
--- a/src/views/dashboard/related/trace/Filter.vue
+++ b/src/views/dashboard/related/trace/Filter.vue
@@ -94,11 +94,13 @@ limitations under the License. -->
         <span class="grey mr-5">-</span>
         <el-input size="small" class="inputs" v-model="maxTraceDuration" />
       </div>
-      <ConditionTags
-        v-if="activeFilter === 'tags'"
-        :type="'TRACE'"
-        @update="updateTags"
-      />
+      <keep-alive>
+        <ConditionTags
+          v-if="activeFilter === 'tags'"
+          :type="'TRACE'"
+          @update="updateTags"
+        />
+      </keep-alive>
       <el-button
         v-if="activeFilter"
         class="search-btn filter-btn"
@@ -258,6 +260,17 @@ function cancelSearch() {
     case "service":
       state.service.value = "";
       break
+    case "duration":
+      minTraceDuration.value = "";
+      maxTraceDuration.value = "";
+      break
+    case "tags":
+      tagsList.value = []
+      tagsMap.value = []
+      break
+    case "traceId":
+      traceId.value = ""
+      break
   }
   activeFilter.value = "";
   traceStore.activeFilter = "";