remove sql editor

latticexyz · Aug 8, 2024 · 9c8b15b · 9c8b15b
1 parent 9056681
commit 9c8b15b
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 61 deletions.
diff --git a/packages/explorer/src/app/(home)/DataExplorer.tsx b/packages/explorer/src/app/(home)/DataExplorer.tsx
@@ -1,16 +1,13 @@
 "use client";
 
 import { useSearchParams } from "next/navigation";
-import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
-import { SQLEditor } from "./SQLEditor";
 import { TableSelector } from "./TableSelector";
 import { TablesViewer } from "./TablesViewer";
 
 export function DataExplorer() {
   const searchParams = useSearchParams();
-  const [query, setQuery] = useState<string | undefined>();
-  const { data: tables, isLoading: tablesLoading } = useQuery({
+  const { data: tables } = useQuery({
     queryKey: ["tables"],
     queryFn: async () => {
       const response = await fetch("/api/tables");
@@ -25,12 +22,7 @@ export function DataExplorer() {
   return (
     <>
       <TableSelector value={selectedTable} options={tables} />
-      <SQLEditor
-        table={selectedTable}
-        tablesLoading={tablesLoading}
-        setQuery={setQuery}
-      />
-      <TablesViewer table={selectedTable} query={query} />
+      <TablesViewer table={selectedTable} />
     </>
   );
 }
diff --git a/packages/explorer/src/app/(home)/SQLEditor.tsx b/packages/explorer/src/app/(home)/SQLEditor.tsx
diff --git a/packages/explorer/src/app/(home)/TablesViewer.tsx b/packages/explorer/src/app/(home)/TablesViewer.tsx
@@ -31,10 +31,9 @@ import { bufferToBigInt } from "./utils/bufferToBigInt";
 
 type Props = {
   table: string | undefined;
-  query: string | undefined;
 };
 
-export function TablesViewer({ table: selectedTable, query }: Props) {
+export function TablesViewer({ table: selectedTable }: Props) {
   const [sorting, setSorting] = useState<SortingState>([]);
   const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);
   const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({});
@@ -66,9 +65,9 @@ export function TablesViewer({ table: selectedTable, query }: Props) {
   });
 
   const { data: rows } = useQuery({
-    queryKey: ["rows", { query }],
+    queryKey: ["rows", { table: selectedTable }],
     queryFn: async () => {
-      const response = await fetch(`/api/rows?query=${query}`);
+      const response = await fetch(`/api/rows?table=${selectedTable}`);
       return response.json();
     },
     select: (data) => {
@@ -83,7 +82,7 @@ export function TablesViewer({ table: selectedTable, query }: Props) {
         );
       });
     },
-    enabled: Boolean(selectedTable) && Boolean(query),
+    enabled: Boolean(selectedTable),
     refetchInterval: 1000,
   });
 

diff --git a/packages/explorer/src/app/api/rows/route.ts b/packages/explorer/src/app/api/rows/route.ts
@@ -26,8 +26,10 @@ function convertKeysToCamelCase(rows: RowsResponse): Row[] {
 export async function GET(request: Request) {
   const db = getDatabase();
   const { searchParams } = new URL(request.url);
-  const query = searchParams.get("query");
-  const rows = db?.prepare(query || "").all() as RowsResponse;
+  const table = searchParams.get("table");
+  const rows = db
+    ?.prepare(`SELECT * FROM '${table}' LIMIT 30`)
+    .all() as RowsResponse;
 
   return Response.json({ rows: convertKeysToCamelCase(rows) });
 }