Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Pull out ternary into separate function property

pull/10616/head
Andrew Watkins 2017-04-04 14:55:53 -07:00
parent d6e8a2180b
commit ff50a00917
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui/src/data_explorer/components/Visualization.js
View File

@ -102,17 +102,24 @@ const Visualization = React.createClass({
renderVisualization(view, queries, heightPixels, onEditRawStatus, activeQueryIndex) { renderVisualization(view, queries, heightPixels, onEditRawStatus, activeQueryIndex) {
const activeQuery = queries[activeQueryIndex] const activeQuery = queries[activeQueryIndex]
const defaultQuery = queries[0] const defaultQuery = queries[0]
const q = activeQuery || defaultQuery
switch (view) { switch (view) {
case TABLE: case TABLE:
return (q ? <Table query={activeQuery || defaultQuery} height={heightPixels} onEditRawStatus={onEditRawStatus} /> : <div className="generic-empty-state">Enter your query below</div>) return this.renderTable(activeQuery || defaultQuery, heightPixels, onEditRawStatus)
case GRAPH: case GRAPH:
default: default:
this.renderGraph(queries) this.renderGraph(queries)
} }
}, },
renderTable(query, heightPixels, onEditRawStatus) {
if (!query) {
return <div className="generic-empty-state">Enter your query below</div>
}
return <Table query={query} height={heightPixels} onEditRawStatus={onEditRawStatus} />
},
renderGraph(queries) { renderGraph(queries) {
const {cellType, autoRefresh, activeQueryIndex} = this.props const {cellType, autoRefresh, activeQueryIndex} = this.props
const isInDataExplorer = true const isInDataExplorer = true