wip: another wip commit

public/app/features/dashboard/panel_editor/QueriesTab.tsx

@@ -198,11 +198,6 @@ 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;
@@ -223,7 +218,7 @@ export class QueriesTab extends PureComponent<Props, State> {
         <>
           <PanelOptionsGroup>
             <div className="query-editor-rows">
-              {panel.targets.map(query => this.renderQueryRow(query))}
+              <div ref={element => (this.element = element)} />
 
               <div className="gf-form-query">
                 <div className="gf-form gf-form-query-letter-cell">

public/app/features/dashboard/panel_editor/QueryEditorRow.tsx

@@ -0,0 +1,30 @@
+// Libraries
+import React, { PureComponent } from 'react';
+
+// Utils & Services
+import { AngularComponent, getAngularLoader } from 'app/core/services/AngularLoader';
+
+// Types
+import { PanelModel } from '../panel_model';
+import { DashboardModel } from '../dashboard_model';
+
+interface Props {
+  panel: PanelModel;
+  dashboard: DashboardModel;
+}
+
+interface State {
+}
+
+export class VisualizationTab extends PureComponent<Props, State> {
+  element: HTMLElement;
+  angularQueryEditor: AngularComponent;
+
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+
+  }
+}