From 7f2851e8f2ca526598fdb5cee8ecd2f247955253 Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Wed, 11 May 2022 23:23:17 +0100
Subject: [PATCH] reset trace  result after cancel

---
 src/views/dashboard/related/trace/Filter.vue | 24 ++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/views/dashboard/related/trace/Filter.vue b/src/views/dashboard/related/trace/Filter.vue
index 63cadf59..1995f1e3 100644
--- a/src/views/dashboard/related/trace/Filter.vue
+++ b/src/views/dashboard/related/trace/Filter.vue
@@ -182,10 +182,6 @@ const queriedFilter = computed(() => traceStore.activeFilter);
 function setFilter(filter: string) {
   activeFilter.value = filter;
 }
-function cancelSearch() {
-  activeFilter.value = "";
-  traceStore.activeFilter = "";
-}
 
 const traceId = ref<string>("");
 const minTraceDuration = ref<string>("");
@@ -248,6 +244,26 @@ async function getInstances(id?: string) {
   }
   state.instance = traceStore.instances[0];
 }
+function cancelSearch() {
+  switch (activeFilter.value) {
+    case "status":
+      state.status.value = "ALL";
+      break;
+    case "instance":
+      state.instance.value = "0";
+      break;
+    case "endpont":
+      state.endpoint.value = "0";
+      break
+    case "service":
+      state.service.value = "";
+      break
+  }
+  activeFilter.value = "";
+  traceStore.activeFilter = "";
+  init()
+}
+
 function searchTraces() {
   traceStore.setActiveFilter(activeFilter.value);
   activeFilter.value = "";