From 4645d000d490e879a66ce976cf3ee7b16d560111 Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Thu, 12 May 2022 09:22:40 +0100
Subject: [PATCH] endpoint btn not showing

---
 src/views/dashboard/related/log/Header.vue   |  2 +-
 src/views/dashboard/related/trace/Filter.vue | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/views/dashboard/related/log/Header.vue b/src/views/dashboard/related/log/Header.vue
index 82491111..42a1010c 100644
--- a/src/views/dashboard/related/log/Header.vue
+++ b/src/views/dashboard/related/log/Header.vue
@@ -79,7 +79,7 @@ limitations under the License. -->
           class="mr-5 flex-h items-center"
           v-if="
             dashboardStore.entity !== EntityType[2].value &&
-            currentSearchTerm === 'endpoint'
+            currentSearchTerm === 'endpoints'
           "
         >
           <span class="grey mr-5"
diff --git a/src/views/dashboard/related/trace/Filter.vue b/src/views/dashboard/related/trace/Filter.vue
index 6e94db76..09e3fe12 100644
--- a/src/views/dashboard/related/trace/Filter.vue
+++ b/src/views/dashboard/related/trace/Filter.vue
@@ -61,7 +61,7 @@ limitations under the License. -->
           @change="changeField('instance', $event)"
         />
       </div>
-      <div class="filter" v-if="dashboardStore.entity !== EntityType[2].value">
+      <div class="filter" v-if="dashboardStore.entity !== EntityType[2].value && activeFilter === 'endpoints'">
         <span class="grey mr-5">{{ t("endpoint") }}:</span>
         <Selector
           size="small"
@@ -178,6 +178,11 @@ const arrayOfFilters = ref<filtersObject[]>([
     iconName: "epic",
     description: "Tags",
   },
+  {
+    name: "endpoints",
+    iconName: "device_hub",
+    description: "Endpoints",
+  },
 ]);
 const activeFilter = ref<string>("");
 const queriedFilter = computed(() => traceStore.activeFilter);
@@ -254,7 +259,7 @@ function cancelSearch() {
     case "instance":
       state.instance.value = "0";
       break;
-    case "endpont":
+    case "endpoints":
       state.endpoint.value = "0";
       break;
     case "service":
@@ -300,6 +305,9 @@ function handleActiveFilterState() {
     case "status":
       traceStore.setActiveFilter(activeFilter.value);
       break;
+    case "endpoints":
+      traceStore.setActiveFilter(activeFilter.value);
+      break;
   }
 }
 function searchTraces() {