From 7130af7fd29d98838a66e69d9dc42d6e4ef94627 Mon Sep 17 00:00:00 2001
From: Michal Kralik <michal.kralik@percona.com>
Date: Wed, 9 Nov 2022 11:12:28 +0100
Subject: [PATCH] vmui: show tracing in json view (#3316)

* vmui: show tracing in json view

* vmui: refactor tracing view
---
 .../src/components/CustomPanel/CustomPanel.tsx   | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/app/vmui/packages/vmui/src/components/CustomPanel/CustomPanel.tsx b/app/vmui/packages/vmui/src/components/CustomPanel/CustomPanel.tsx
index e1afb9e20..69656f490 100644
--- a/app/vmui/packages/vmui/src/components/CustomPanel/CustomPanel.tsx
+++ b/app/vmui/packages/vmui/src/components/CustomPanel/CustomPanel.tsx
@@ -86,22 +86,16 @@ const CustomPanel: FC = () => {
           </Box>
           {error && <Alert color="error" severity="error" sx={{whiteSpace: "pre-wrap", mt: 2}}>{error}</Alert>}
           {warning && <Alert color="warning" severity="warning" sx={{whiteSpace: "pre-wrap", my: 2}}>{warning}</Alert>}
+          {isTracingEnabled && <TracingsView
+            traces={tracesState}
+            onDeleteClick={handleTraceDelete}
+          />}
           {graphData && period && (displayType === "chart") && <>
-            {isTracingEnabled && <TracingsView
-              traces={tracesState}
-              onDeleteClick={handleTraceDelete}
-            />}
             <GraphView data={graphData} period={period} customStep={customStep} query={query} yaxis={yaxis}
               setYaxisLimits={setYaxisLimits} setPeriod={setPeriod}/>
           </>}
           {liveData && (displayType === "code") && <JsonView data={liveData}/>}
-          {liveData && (displayType === "table") && <>
-            {isTracingEnabled && <TracingsView
-              traces={tracesState}
-              onDeleteClick={handleTraceDelete}
-            />}
-            <TableView data={liveData} displayColumns={displayColumns}/>
-          </>}
+          {liveData && (displayType === "table") && <TableView data={liveData} displayColumns={displayColumns}/>}
         </Box>}
       </Box>
     </Box>