From 0644410b99be40be56c6acac2fcacffc0cc58169 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Mon, 14 Jan 2019 14:55:22 +0100
Subject: [PATCH] wip: react query editors

---
 public/app/features/dashboard/dashgrid/QueriesTab.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/app/features/dashboard/dashgrid/QueriesTab.tsx b/public/app/features/dashboard/dashgrid/QueriesTab.tsx
index 47c4f358136..500dc5c4884 100644
--- a/public/app/features/dashboard/dashgrid/QueriesTab.tsx
+++ b/public/app/features/dashboard/dashgrid/QueriesTab.tsx
@@ -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">