From 2025fb407c56b30d698fbd157453dff67278489a Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Wed, 11 May 2022 23:48:34 +0100
Subject: [PATCH] implemented a handler for setting filter states

---
 src/views/dashboard/related/trace/Filter.vue | 30 +++++++++++++-------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/views/dashboard/related/trace/Filter.vue b/src/views/dashboard/related/trace/Filter.vue
index 221e943d..84dca747 100644
--- a/src/views/dashboard/related/trace/Filter.vue
+++ b/src/views/dashboard/related/trace/Filter.vue
@@ -256,29 +256,37 @@ function cancelSearch() {
       break;
     case "endpont":
       state.endpoint.value = "0";
-      break
+      break;
     case "service":
       state.service.value = "";
-      break
+      break;
     case "duration":
       minTraceDuration.value = "";
       maxTraceDuration.value = "";
-      break
+      break;
     case "tags":
-      tagsList.value = []
-      tagsMap.value = []
-      break
+      tagsList.value = [];
+      tagsMap.value = [];
+      break;
     case "traceId":
-      traceId.value = ""
-      break
+      traceId.value = "";
+      break;
   }
   activeFilter.value = "";
   traceStore.activeFilter = "";
-  init()
+  init();
+}
+function handleActiveFilterState() {
+  switch (activeFilter.value) {
+    case "traceId":
+      console.log(traceId.value);
+      if (!traceId.value.length) return;
+      traceStore.setActiveFilter(activeFilter.value);
+      break
+  }
 }
-
 function searchTraces() {
-  traceStore.setActiveFilter(activeFilter.value);
+  handleActiveFilterState()
   activeFilter.value = "";
   let endpoint = "",
     instance = "";