From b44eaeedc89523350ff31f585774cad70c971a95 Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Sat, 21 May 2022 17:46:51 +0100
Subject: [PATCH] resetting header layout

---
 src/views/dashboard/related/log/Header.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/views/dashboard/related/log/Header.vue b/src/views/dashboard/related/log/Header.vue
index 24eff5ca..0a2e6da3 100644
--- a/src/views/dashboard/related/log/Header.vue
+++ b/src/views/dashboard/related/log/Header.vue
@@ -88,7 +88,7 @@ limitations under the License. -->
           type="success"
           :class="[false ? 'active-toggle' : '']"
           class="toggle-btn mx-3"
-          @click="showColumSelector"
+          @click="toggleColumSelector"
         >
           <Icon iconSize="sm" iconName="epic" />
         </el-button>
@@ -237,7 +237,10 @@ limitations under the License. -->
       </div>
 
       <!-- Search&cancel buttons -->
-      <div v-if="currentSearchTerm.length" class="flex-h items-center">
+      <div
+        v-if="currentSearchTerm.length && currentSearchTerm !== 'column'"
+        class="flex-h items-center"
+      >
         <el-button
           class="search-btn toggle-btn"
           size="small"
@@ -351,17 +354,21 @@ const arrayOfFilters = ref<filtersObject[]>([
   },
 ]);
 init();
-function showColumSelector(){
-  showColumList.value = !showColumList.value
-  setSearchTerm('column')
+function toggleColumSelector() {
+  showColumList.value = !showColumList.value;
+  setSearchTerm("column");
 }
 function hideColumns() {
   logStore.hideColumns(selectedColumns.value);
   selectedColumns.value = [];
+  toggleColumSelector();
+  setSearchTerm("");
 }
 function showColumns() {
   logStore.showColumns(selectedColumns.value);
   selectedColumns.value = [];
+  toggleColumSelector();
+  setSearchTerm("");
 }
 async function init() {
   const resp = await logStore.getLogsByKeywords();