camelCase only in editable cell

latticexyz · Aug 9, 2024 · 2e600ce · 2e600ce
1 parent 3573556
commit 2e600ce
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 181 deletions.
diff --git a/packages/explorer/package.json b/packages/explorer/package.json
@@ -54,7 +54,6 @@
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/better-sqlite3": "^7.6.4",
-    "@types/lodash": "^4.17.7",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",

diff --git a/packages/explorer/src/app/(home)/EditableTableCell.tsx b/packages/explorer/src/app/(home)/EditableTableCell.tsx
@@ -9,6 +9,7 @@ import { waitForTransactionReceipt } from "@wagmi/core";
 import { Checkbox } from "../../components/ui/Checkbox";
 import { ACCOUNT_PRIVATE_KEYS } from "../../consts";
 import { useWorldAddress } from "../../hooks/useWorldAddress";
+import { camelCase } from "../../lib/utils";
 import { useStore } from "../../store";
 import { wagmiConfig } from "../_providers";
 import { TableConfig } from "../api/table/route";
@@ -37,7 +38,7 @@ export function EditableTableCell({
   const [value, setValue] = useState<unknown>(defaultValue);
 
   const tableId = config?.table_id;
-  const fieldType = config?.value_schema[name] as SchemaAbiType;
+  const fieldType = config?.value_schema[camelCase(name)] as SchemaAbiType;
 
   const handleSubmit = async (newValue: unknown) => {
     const valueToSet = newValue === undefined ? value : newValue;
@@ -54,7 +55,7 @@ export function EditableTableCell({
 
     const toastId = toast.loading("Transaction submitted");
     try {
-      const fieldIdx = getFieldIdx(config?.value_schema, name);
+      const fieldIdx = getFieldIdx(config?.value_schema, camelCase(name));
       const encodedField = encodeField(fieldType, valueToSet);
       const txHash = await writeContractAsync({
         account: privateKeyToAccount(ACCOUNT_PRIVATE_KEYS[account]),

diff --git a/packages/explorer/src/app/api/schema/route.ts b/packages/explorer/src/app/api/schema/route.ts
@@ -16,9 +16,6 @@ export async function GET(request: Request) {
     const db = getDatabase();
     const schema = db?.prepare("SELECT * FROM pragma_table_info(?)").all(table);
 
-    console.log("schema:");
-    console.log(schema);
-
     return new Response(JSON.stringify({ schema }), { status: 200 });
   } catch (error: unknown) {
     if (error instanceof Error) {

diff --git a/packages/explorer/src/lib/utils.ts b/packages/explorer/src/lib/utils.ts
@@ -4,3 +4,10 @@ import { twMerge } from "tailwind-merge";
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
+
+export function camelCase(str: string) {
+  const a = str
+    .toLowerCase()
+    .replace(/[-_\s.]+(.)?/g, (_, c) => (c ? c.toUpperCase() : ""));
+  return a.substring(0, 1).toLowerCase() + a.substring(1);
+}