TableBox editable headers start

1 files changed, 8 insertions, 15 deletions

diff --git a/src/client/views/nodes/DataVizBox/components/Histogram.tsx b/src/client/views/nodes/DataVizBox/components/Histogram.tsx
index 6d0a8bf75..64e61fca8 100644
--- a/src/client/views/nodes/DataVizBox/components/Histogram.tsx
+++ b/src/client/views/nodes/DataVizBox/components/Histogram.tsx
@@ -443,21 +443,8 @@ export class Histogram extends React.Component<HistogramProps> {
         this.defaultBarColor = color;
     };
 
-    @computed get editableTitle() {
-        const title = this.graphTitle;
-        return (
-            <EditableText
-                val={title}
-                setVal={action(val => this.graphTitle = val as string)}
-                color={"black"}
-                size={Size.LARGE}
-                fillWidth
-            />
-        );
-    }
-
     render() {
-        
+        const title = this.graphTitle;
         var selected: string;
         if (this._currSelected){
             selected = '{ ';
@@ -472,7 +459,13 @@ export class Histogram extends React.Component<HistogramProps> {
             this.props.axes.length >= 1 ? (
             <div className="chart-container" >
                 <div className="graph-title"> 
-                    {this.editableTitle} 
+                    <EditableText
+                        val={title}
+                        setVal={action(val => this.graphTitle = val as string)}
+                        color={"black"}
+                        size={Size.LARGE}
+                        fillWidth
+                    />
                     &nbsp; &nbsp; 
                     <ColorPicker
                         tooltip={'Change Default Bar Color'}