From 612ac7cd816f99385eb7c60268dc85d2bae2c6b8 Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Wed, 4 May 2022 12:34:34 +0100
Subject: [PATCH] updated alignment of tools

---
 src/components/Selector.vue                  | 8 +-------
 src/views/dashboard/panel/Tool.vue           | 4 +---
 src/views/dashboard/related/trace/Filter.vue | 1 +
 3 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/components/Selector.vue b/src/components/Selector.vue
index ff2ebc28..8f0eec98 100644
--- a/src/components/Selector.vue
+++ b/src/components/Selector.vue
@@ -13,8 +13,7 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
-  <el-select
-  ref="customSelector"
+  <el-select  
     :size="size"
     v-model="selected"
     :placeholder="placeholder"
@@ -48,7 +47,6 @@ interface Option {
 
 /*global  defineProps, defineEmits*/
 const emit = defineEmits(["change", "query"]);
-const customSelector = ref<string>(null)
 const props = defineProps({
   options: {
     type: Array as PropType<(Option & { disabled?: boolean })[]>,
@@ -86,10 +84,6 @@ function remoteMethod(query: string) {
   }
 }
 
-onMounted(() => {
-  console.log(customSelector.value)
-})
-
 watch(
   () => props.value,
   (data) => {
diff --git a/src/views/dashboard/panel/Tool.vue b/src/views/dashboard/panel/Tool.vue
index 6f6fe7e2..71e440c4 100644
--- a/src/views/dashboard/panel/Tool.vue
+++ b/src/views/dashboard/panel/Tool.vue
@@ -27,8 +27,7 @@ limitations under the License. -->
               v-if="!selectedSelector.length || selectedSelector === '$service'"
               @click="setSelectedSelector('$service')"
               class="tool-btn"
-              type="secondary"
-              size="xs"
+              size="small"
             >
               <Icon size="sm" iconName="playlist_add" />
             </el-button>
@@ -67,7 +66,6 @@ limitations under the License. -->
               style="margin-left: 4px"
               @click="setSelectedSelector('$endpoint')"
               class="tool-btn"
-              type="secondary"
             >
               <Icon size="sm" iconName="view" />
             </el-button>
diff --git a/src/views/dashboard/related/trace/Filter.vue b/src/views/dashboard/related/trace/Filter.vue
index 91442a14..e1031ec9 100644
--- a/src/views/dashboard/related/trace/Filter.vue
+++ b/src/views/dashboard/related/trace/Filter.vue
@@ -295,6 +295,7 @@ async function queryTraces() {
   }
 }
 function changeField(type: string, opt: any) {
+  activeFilter
   state[type] = opt[0];
   if (type === "service") {
     getEndpoints(state.service.id);