diff --git a/ui/src/data_explorer/components/QueryBuilder.js b/ui/src/data_explorer/components/QueryBuilder.js index c9516e0bf..ce6f142ee 100644 --- a/ui/src/data_explorer/components/QueryBuilder.js +++ b/ui/src/data_explorer/components/QueryBuilder.js @@ -106,14 +106,23 @@ const QueryBuilder = React.createClass({ }, renderQueryTabList() { - const {queries, activeQueryIndex, onDeleteQuery, timeRange, setActiveQueryIndex} = this.props + const { + queries, + activeQueryIndex, + onDeleteQuery, + timeRange, + setActiveQueryIndex, + } = this.props return (

Queries

-
- +
+
{queries.map((q, i) => { @@ -125,7 +134,11 @@ const QueryBuilder = React.createClass({ query={q} onSelect={setActiveQueryIndex} onDelete={onDeleteQuery} - queryTabText={q.rawText || buildInfluxQLQuery(timeRange, q) || `Query ${i + 1}`} + queryTabText={ + q.rawText || + buildInfluxQLQuery(timeRange, q) || + `Query ${i + 1}` + } /> ) })} diff --git a/ui/src/data_explorer/components/QueryEditor.js b/ui/src/data_explorer/components/QueryEditor.js index 4b31f67ce..f06209c66 100644 --- a/ui/src/data_explorer/components/QueryEditor.js +++ b/ui/src/data_explorer/components/QueryEditor.js @@ -7,11 +7,7 @@ import TagList from './TagList' import RawQueryEditor from './RawQueryEditor' import buildInfluxQLQuery from 'utils/influxql' -const { - string, - shape, - func, -} = PropTypes +const {arrayOf, string, shape, func} = PropTypes const QueryEditor = React.createClass({ propTypes: {