diff --git a/client/src/components/EditorPanel.js b/client/src/components/EditorPanel.js
index ddcb2cee..77239257 100644
--- a/client/src/components/EditorPanel.js
+++ b/client/src/components/EditorPanel.js
@@ -20,6 +20,7 @@ import {
import QueryVarsEditor from 'components/QueryVarsEditor'
import Editor from 'containers/Editor'
+import { formatDql } from 'lib/formatDql'
import '../assets/css/EditorPanel.scss'
@@ -39,6 +40,13 @@ export default function EditorPanel() {
const onUpdateQuery = (query) => dispatch(updateQuery(query))
const onUpdateAction = (action) => dispatch(updateAction(action))
+ const onFormatQuery = () => {
+ if (query.trim() === '') {
+ return
+ }
+ dispatch(updateQuery(formatDql(query)))
+ }
+
const onRunCurrentQuery = () =>
dispatch(
runQuery(query, action, {
@@ -101,6 +109,14 @@ export default function EditorPanel() {
{queryOptions}
+