from last

1 files changed, 12 insertions, 2 deletions

diff --git a/src/client/views/nodes/DataVizBox/components/LineChart.tsx b/src/client/views/nodes/DataVizBox/components/LineChart.tsx
index 11bdcc3d6..007d0259c 100644
--- a/src/client/views/nodes/DataVizBox/components/LineChart.tsx
+++ b/src/client/views/nodes/DataVizBox/components/LineChart.tsx
@@ -1,4 +1,4 @@
-import { EditableText, Size } from 'browndash-components';
+import { Button, EditableText, Size } from 'browndash-components';
 import * as d3 from 'd3';
 import { action, computed, IReactionDisposer, observable, reaction } from 'mobx';
 import { observer } from 'mobx-react';
@@ -23,6 +23,7 @@ export interface SelectedDataPoint extends DataPoint {
     elem?: d3.Selection<d3.BaseType, unknown, SVGGElement, unknown>;
 }
 export interface LineChartProps {
+    vizBox: DataVizBox;
     rootDoc: Doc;
     layoutDoc: Doc;
     axes: string[];
@@ -366,7 +367,16 @@ export class LineChart extends React.Component<LineChartProps> {
                         />
                     </div>
                     <div ref={this._lineChartRef} />
-                    {selectedPt != 'none' ? <div className={'selected-data'}> {`Selected: ${selectedPt}`}</div> : null}
+                    {selectedPt != 'none' ? 
+                        <div className={'selected-data'}> 
+                            {`Selected: ${selectedPt}`}
+                            <Button onClick={e=>{
+                                console.log("test plzz")
+                                this.props.vizBox.sidebarBtnDown;
+                                this.props.vizBox.sidebarAddDocument;}
+                                }></Button>
+                        </div> 
+                        : null}
                 </div>
             ) : (
                 <span className="chart-container"> {'first use table view to select two numerical axes to plot'}</span>