From 3b1c10ba262cc1cc9fa2289b9ad7b887847088ea Mon Sep 17 00:00:00 2001
From: muddana-satish <satish.muddana@ericsson.com>
Date: Thu, 1 Jul 2021 11:19:43 -0500
Subject: [PATCH] Add Time Axis only when time related chart is opened

Signed-off-by: muddana-satish <satish.muddana@ericsson.com>
---
 .../components/trace-context-component.tsx    | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/packages/react-components/src/components/trace-context-component.tsx b/packages/react-components/src/components/trace-context-component.tsx
index 706840a8e..566b9e097 100644
--- a/packages/react-components/src/components/trace-context-component.tsx
+++ b/packages/react-components/src/components/trace-context-component.tsx
@@ -242,10 +242,12 @@ export class TraceContextComponent extends React.Component<TraceContextProps, Tr
         const layouts = this.generateGridLayout();
         const outputs = this.props.outputs;
         return <React.Fragment>
-            <div style={{ marginLeft: this.state.style.width - this.state.style.chartWidth }}>
-                <TimeAxisComponent unitController={this.unitController} style={this.state.style}
-                    addWidgetResizeHandler={this.addWidgetResizeHandler} removeWidgetResizeHandler={this.removeWidgetResizeHandler}/>
-            </div>
+            {(outputs.length > 1 || outputs[0].type !== 'TABLE') &&
+                <div style={{ marginLeft: this.state.style.width - this.state.style.chartWidth }}>
+                    <TimeAxisComponent unitController={this.unitController} style={this.state.style}
+                        addWidgetResizeHandler={this.addWidgetResizeHandler} removeWidgetResizeHandler={this.removeWidgetResizeHandler} />
+                </div>
+            }
             {
                 // Syntax to use ReactGridLayout with Custom Components, while passing resized dimensions to children:
                 // https://github.com/STRML/react-grid-layout/issues/299#issuecomment-524959229
@@ -273,7 +275,7 @@ export class TraceContextComponent extends React.Component<TraceContextProps, Tr
                     switch (responseType) {
                         case 'TIME_GRAPH':
                             return <TimegraphOutputComponent key={output.id} {...outputProps}
-                                addWidgetResizeHandler={this.addWidgetResizeHandler} removeWidgetResizeHandler={this.removeWidgetResizeHandler}/>;
+                                addWidgetResizeHandler={this.addWidgetResizeHandler} removeWidgetResizeHandler={this.removeWidgetResizeHandler} />;
                         case 'TREE_TIME_XY':
                             return <XYOutputComponent key={output.id} {...outputProps} />;
                         case 'TABLE':
@@ -283,10 +285,12 @@ export class TraceContextComponent extends React.Component<TraceContextProps, Tr
                     }
                 })}
             </ResponsiveGridLayout>
-            <div style={{ marginLeft: this.state.style.width - this.state.style.chartWidth }}>
-                <TimeNavigatorComponent unitController={this.unitController} style={this.state.style}
-                    addWidgetResizeHandler={this.addWidgetResizeHandler} removeWidgetResizeHandler={this.removeWidgetResizeHandler}/>
-            </div>
+            {(outputs.length > 1 || outputs[0].type !== 'TABLE') &&
+                <div style={{ marginLeft: this.state.style.width - this.state.style.chartWidth }}>
+                    <TimeNavigatorComponent unitController={this.unitController} style={this.state.style}
+                        addWidgetResizeHandler={this.addWidgetResizeHandler} removeWidgetResizeHandler={this.removeWidgetResizeHandler} />
+                </div>
+            }
         </React.Fragment>;
     }