fix: re-add query type selector to SQL Editor queries in dashboard vi…

…ew (#734)

CHANGELOG.md

@@ -7,6 +7,7 @@
 - Added `$__fromTime_ms` macro that represents the dashboard "from" time in milliseconds using a `DateTime64(3)`
 - Added `$__toTime_ms` macro that represents the dashboard "to" time in milliseconds using a `DateTime64(3)`
 - Added `$__timeFilter_ms` macro that uses `DateTime64(3)` for millisecond precision time filtering
+- Re-added query type selector in dashboard view. This was only visible in explore view, but somehow it affects dashboard view, and so it has been re-added. (#730)
 - When OTel is enabled, Trace ID queries now use a skip index to optimize exact ID lookups on large trace datasets (#724)
 
 ### Fixes

src/components/SqlEditor.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CoreApp, QueryEditorProps } from '@grafana/data';
+import { QueryEditorProps } from '@grafana/data';
 import { CodeEditor, monacoTypes } from '@grafana/ui';
 import { Datasource } from 'data/CHDatasource';
 import { registerSQL, Range, Fetcher } from './sqlProvider';
@@ -31,7 +31,7 @@ function setupAutoSize(editor: monacoTypes.editor.IStandaloneCodeEditor) {
 }
 
 export const SqlEditor = (props: SqlEditorProps) => {
-  const { app, query, onChange, datasource } = props;
+  const { query, onChange, datasource } = props;
   const sqlQuery = query as CHSqlQuery;
   const queryType = sqlQuery.queryType || QueryType.Table;
 
@@ -90,12 +90,9 @@ export const SqlEditor = (props: SqlEditorProps) => {
 
   return (
     <>
-      {/* Only show in explore view where panel can't be manually selected. Dashboard view lets you change the panel. */}
-      {app === CoreApp.Explore && (
-        <div className={'gf-form ' + styles.QueryEditor.queryType}>
-          <QueryTypeSwitcher queryType={queryType} onChange={(queryType) => saveChanges({ queryType })} sqlEditor />
-        </div>
-      )}
+      <div className={'gf-form ' + styles.QueryEditor.queryType}>
+        <QueryTypeSwitcher queryType={queryType} onChange={(queryType) => saveChanges({ queryType })} sqlEditor />
+      </div>
       <div className={styles.Common.wrapper}>
         <CodeEditor
           aria-label="SQL Editor"