From 02ca4a35bccb58490dcc3257ad3453958ec1f0dc Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Mon, 16 May 2022 01:58:30 +0100
Subject: [PATCH] refactored traceDetails toggle implementations

---
 src/views/dashboard/controls/Trace.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/dashboard/controls/Trace.vue b/src/views/dashboard/controls/Trace.vue
index ec83b5a3..001ded7d 100644
--- a/src/views/dashboard/controls/Trace.vue
+++ b/src/views/dashboard/controls/Trace.vue
@@ -31,10 +31,7 @@ limitations under the License. -->
     </el-popover>
     <div class="trace flex-h">
       <TraceList @show:trace="showTraceDetails" v-if="traceListActive" />
-      <TraceDetail
-        @show:list="traceListActive = true"
-        v-if="!traceListActive"
-      />
+      <TraceDetail @show:list="showTraceList" v-if="!traceListActive" />
     </div>
   </div>
 </template>
@@ -64,7 +61,10 @@ function removeWidget() {
   dashboardStore.removeControls(props.data);
 }
 function showTraceDetails() {
-  traceListActive.value = false;
+  traceStore.currentView === "traceDetails";
+}
+function showTraceList() {
+  traceStore.currentView === "traceList";
 }
 
 onMounted(() => {