add icons and shortcuts for query submit and format

apache · Dec 22, 2024 · aaf6e38 · aaf6e38
1 parent 616d691
commit aaf6e38
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/pinot-controller/src/main/resources/app/pages/Query.tsx b/pinot-controller/src/main/resources/app/pages/Query.tsx
@@ -233,6 +233,10 @@ const QueryPage = () => {
     if (modifiedEnabled && event.keyCode == 191) {
       handleComment(editor);
     }
+    // Map (Cmd/Ctrl) + \ KeyPress to toggle formatting the query
+    if (modifiedEnabled && event.keyCode == 220) {
+      handleFormatSQL(editor.getValue());
+    }
   }
 
   const handleComment = (cm: NativeCodeMirror.Editor) => {
@@ -539,6 +543,7 @@ const QueryPage = () => {
                     variant="contained"
                     color="primary"
                     onClick={() => handleFormatSQL(inputQuery)}
+                    endIcon={<span style={{fontSize: '0.8em', lineHeight: 1}}>{navigator.platform.includes('Mac') ? '⌘\\' : 'Ctrl+\\'}</span>}
                 >
                   Format SQL
                 </Button>
@@ -549,6 +554,7 @@ const QueryPage = () => {
                     variant="contained"
                     color="primary"
                     onClick={() => handleRunNow()}
+                    endIcon={<span style={{fontSize: '0.8em', lineHeight: 1}}>{navigator.platform.includes('Mac') ? '⌘↵' : 'Ctrl+↵'}</span>}
                 >
                   Run Query
                 </Button>