cleanup query state

Author: karooolis

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/SQLEditor.tsx

@@ -49,9 +49,9 @@ export function SQLEditor({ table, isLiveQuery, setIsLiveQuery }: Props) {
   });
   const currentQuery = form.watch("query");
 
-  const handleSubmit = form.handleSubmit((data) => {
-    if (validateQuery(data.query)) {
-      setQuery(data.query);
+  const handleSubmit = form.handleSubmit(({ query }) => {
+    if (validateQuery(query)) {
+      setQuery(query);
       setIsUserTriggeredRefetch(true);
       refetch().finally(() => setIsUserTriggeredRefetch(false));
     }

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/TablesViewer.tsx

@@ -173,10 +173,11 @@ export function TablesViewer({ table, isLiveQuery }: Props) {
     >
       <div className="flex w-1/2 items-center gap-4">
         <Input
+          type="search"
           placeholder="Filter..."
           value={globalFilter}
           onChange={(event) => reactTable.setGlobalFilter(event.target.value)}
-          className="max-w-sm rounded border px-2 py-1"
+          className="max-w-xs rounded border px-2 py-1"
           disabled={!tableData}
         />
 

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/consts.ts

@@ -1,5 +1,7 @@
 import { editor } from "monaco-editor/esm/vs/editor/editor.api";
 
+export const PAGE_SIZE_OPTIONS = [5, 10, 20, 30, 40, 50, 100];
+
 export const monacoOptions: editor.IStandaloneEditorConstructionOptions = {
   fontSize: 14,
   fontWeight: "normal",
@@ -94,5 +96,3 @@ export const suggestedSQLKeywords = [
   "EXCEPT",
 ] as const;
 export type SuggestedSQLKeyword = (typeof suggestedSQLKeywords)[number];
-
-export const PAGE_SIZE_OPTIONS = [5, 10, 20, 30, 40, 50, 100];