Not display TABLE toggle in CEO

ui/src/dashboards/components/CellEditorOverlay.js

@@ -160,6 +160,7 @@ class CellEditorOverlay extends Component {
             cellType={cellWorkingType}
             cellName={cellWorkingName}
             editQueryStatus={editQueryStatus}
+            views={[]}
           />
           <ResizeBottom>
             <div

ui/src/data_explorer/components/VisHeader.js

@@ -4,26 +4,25 @@ import classNames from 'classnames'
 const VisHeader = ({views, view, onToggleView, name}) => (
   <div className="graph-heading">
     <div className="graph-actions">
-      <ul className="toggle toggle-sm">
+      {views.length
-        {views.map(v => (
+        ? <ul className="toggle toggle-sm">
-          <li
+            {views.map(v => (
-            key={v}
+              <li
-            onClick={() => onToggleView(v)}
+                key={v}
-            className={classNames('toggle-btn ', {active: view === v})}>
+                onClick={() => onToggleView(v)}
-            {v}
+                className={classNames('toggle-btn ', {active: view === v})}
-          </li>
+              >
-        ))}
+                {v}
-      </ul>
+              </li>
+            ))}
+          </ul>
+        : null}
     </div>
     <div className="graph-title">{name}</div>
   </div>
 )
 
-const {
+const {arrayOf, func, string} = PropTypes
-  arrayOf,
-  func,
-  string,
-} = PropTypes
 
 VisHeader.propTypes = {
   views: arrayOf(string).isRequired,

ui/src/data_explorer/components/Visualization.js

@@ -3,12 +3,9 @@ import buildInfluxQLQuery from 'utils/influxql'
 import classNames from 'classnames'
 import VisHeader from 'src/data_explorer/components/VisHeader'
 import VisView from 'src/data_explorer/components/VisView'
+import {GRAPH, TABLE} from 'src/shared/constants'
 
-const GRAPH = 'graph'
+const {arrayOf, func, number, shape, string} = PropTypes
-const TABLE = 'table'
-const VIEWS = [GRAPH, TABLE]
-
-const {func, arrayOf, number, shape, string} = PropTypes
 
 const Visualization = React.createClass({
   propTypes: {
@@ -24,6 +21,7 @@ const Visualization = React.createClass({
     height: string,
     heightPixels: number,
     editQueryStatus: func.isRequired,
+    views: arrayOf(string).isRequired,
   },
 
   contextTypes: {
@@ -49,6 +47,12 @@ const Visualization = React.createClass({
     }
   },
 
+  getDefaultProps() {
+    return {
+      cellName: '',
+    }
+  },
+
   componentWillReceiveProps(nextProps) {
     const {queryConfigs, activeQueryIndex} = nextProps
     if (
@@ -71,8 +75,10 @@ const Visualization = React.createClass({
 
   render() {
     const {
+      views,
       height,
       cellType,
+      cellName,
       timeRange,
       autoRefresh,
       heightPixels,
@@ -95,10 +101,10 @@ const Visualization = React.createClass({
     return (
       <div className="graph" style={{height}}>
         <VisHeader
-          views={VIEWS}
+          views={views}
           view={view}
           onToggleView={this.handleToggleView}
-          name={name || 'Graph'}
+          name={cellName}
         />
         <div
           className={classNames({

ui/src/data_explorer/containers/DataExplorer.js

@@ -11,6 +11,7 @@ import ResizeContainer, {
   ResizeBottom,
 } from 'src/shared/components/ResizeContainer'
 
+import {VIS_VIEWS} from 'src/shared/constants'
 import {setAutoRefresh} from 'shared/actions/app'
 import * as viewActions from 'src/data_explorer/actions/view'
 
@@ -107,6 +108,7 @@ const DataExplorer = React.createClass({
               queryConfigs={queryConfigs}
               activeQueryIndex={activeQueryIndex}
               editQueryStatus={queryConfigActions.editQueryStatus}
+              views={VIS_VIEWS}
             />
           </ResizeBottom>
         </ResizeContainer>

ui/src/shared/constants/index.js

@@ -392,3 +392,7 @@ export const HTTP_UNAUTHORIZED = 401
 export const HTTP_FORBIDDEN = 403
 
 export const AUTOREFRESH_DEFAULT = 15000 // in milliseconds
+
+export const GRAPH = 'graph'
+export const TABLE = 'table'
+export const VIS_VIEWS = [GRAPH, TABLE]