wip: react query editors

2019-01-14 14:55:22 +01:00
parent b1f5a232da
commit 0644410b99
1 changed files with 6 additions and 1 deletions
@@ -198,6 +198,11 @@ export class QueriesTab extends PureComponent<Props, State> {
    this.setState({ isAddingMixed: false });
  };

+  renderQueryRow(query: DataQuery) {
+    console.log('render query row', this.state.currentDS);
+    return <div ref={element => (this.element = element)} />;
+  }
+
  render() {
    const { panel } = this.props;
    const { currentDS, isAddingMixed } = this.state;
@@ -218,7 +223,7 @@ export class QueriesTab extends PureComponent<Props, State> {
        <>
          <PanelOptionsGroup>
            <div className="query-editor-rows">
-              <div ref={element => (this.element = element)} />
+              {panel.targets.map(query => this.renderQueryRow(query))}

              <div className="gf-form-query">
                <div className="gf-form gf-form-query-letter-cell">