feat(new-webui): Enable query submission via Enter key (resolves #943).

components/log-viewer-webui/client/src/pages/SearchPage/SearchControls/SearchButton/CancelButton.tsx

@@ -40,6 +40,7 @@ const CancelButton = () => {
     return (
         <Button
             danger={true}
+            htmlType={"button"}
             icon={<CloseOutlined/>}
             size={"large"}
             type={"primary"}

components/log-viewer-webui/client/src/pages/SearchPage/SearchControls/SearchButton/SubmitButton.tsx

@@ -51,6 +51,7 @@ const SubmitButton = () => {
             <Button
                 className={styles["gradientButton"] || ""}
                 disabled={isQueryStringEmpty || searchUiState === SEARCH_UI_STATE.QUERY_ID_PENDING}
+                htmlType={"submit"}
                 icon={<SearchOutlined/>}
                 size={"large"}
                 type={"primary"}

components/log-viewer-webui/client/src/pages/SearchPage/SearchControls/index.tsx

@@ -4,18 +4,29 @@ import SearchButton from "./SearchButton/SearchButton";
 import TimeRangeInput from "./TimeRangeInput";
 
 
+/**
+ * Prevents the default behavior to avoid page reload when submitting query.
+ *
+ * @param ev
+ */
+const handleSubmit = (ev: React.FormEvent<HTMLFormElement>) => {
+    ev.preventDefault();
+};
+
 /**
  * Renders controls for submitting queries.
  *
  * @return
  */
 const SearchControls = () => {
     return (
-        <div className={styles["searchControlsContainer"]}>
-            <QueryInput/>
-            <TimeRangeInput/>
-            <SearchButton/>
-        </div>
+        <form onSubmit={handleSubmit}>
+            <div className={styles["searchControlsContainer"]}>
+                <QueryInput/>
+                <TimeRangeInput/>
+                <SearchButton/>
+            </div>
+        </form>
     );
 };