latest

Author: Marco

components/webui/client/src/components/SqlEditor/index.tsx

@@ -69,9 +69,7 @@ const SqlEditor = (props: SqlEditorProps) => {
                 placeholder: "Enter your SQL query",
                 scrollBeyondLastLine: false,
                 wordWrap: "on",
-                automaticLayout: true,
             }}
-            width="100%"
             {...props}/>
     );
 };

components/webui/client/src/pages/SearchPage/SearchControls/Presto/RunButton/index.tsx

@@ -15,17 +15,19 @@ import useSearchStore from "../../../SearchState/index";
 const RunButton = () => {
     const queryString = useSearchStore((state) => state.queryString);
 
-    const isQueryStringEmpty = queryString === "";
-    const tooltipTitle = isQueryStringEmpty ? "Enter SQL query to run" : "";
+    const isQueryStringEmpty = "" === queryString;
+    const tooltipTitle = isQueryStringEmpty ?
+        "Enter SQL query to run" :
+        "";
 
     return (
         <Tooltip title={tooltipTitle}>
             <Button
+                color={"green"}
+                disabled={isQueryStringEmpty}
                 icon={<CaretRightOutlined/>}
-                color="green"
-                variant ="solid"
                 size={"large"}
-                disabled={isQueryStringEmpty}
+                variant={"solid"}
             >
                 Run
             </Button>

components/webui/client/src/pages/SearchPage/SearchControls/Presto/SqlQueryInput/index.tsx

@@ -17,7 +17,7 @@ const SqlQueryInput = () => {
     }, []);
 
     return (
-        <div className={styles[`editorWrapper`] || "" }>
+        <div className={styles["editorWrapper"] || ""}>
             <SqlEditor
                 height={"150px"}
                 onChange={handleChange}/>

components/webui/client/src/pages/SearchPage/SearchControls/SearchButton/SubmitButton/index.tsx

@@ -11,7 +11,7 @@ import {
     SETTINGS_STORAGE_ENGINE,
 } from "../../../../../config";
 import {computeTimelineConfig} from "../../../SearchResults/SearchResultsTimeline/utils";
-import useSearchStore, {SEARCH_STATE_DEFAULT} from "../../../SearchState/index";
+import useSearchStore from "../../../SearchState/index";
 import {SEARCH_UI_STATE} from "../../../SearchState/typings";
 import {handleQuerySubmit} from "../../search-requests";
 import styles from "./index.module.css";
@@ -63,7 +63,7 @@ const SubmitButton = () => {
         selectDataset,
         updateCachedDataset]);
 
-    const isQueryStringEmpty = queryString === SEARCH_STATE_DEFAULT.queryString;
+    const isQueryStringEmpty = "" === queryString;
 
     // Submit button must be disabled if there are no datasets since clp-s requires dataset option
     // for queries.