fix(explorer): display nested inputs (#3266)

Co-authored-by: Kevin Ingersoll <[email protected]>
latticexyz · Oct 8, 2024 · 2c92401 · 2c92401
1 parent 9a2e359
commit 2c92401
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/hip-rings-rule.md b/.changeset/hip-rings-rule.md
@@ -0,0 +1,5 @@
+---
+"@latticexyz/explorer": patch
+---
+
+Fixed inputs display in the transactions table row.
diff --git a/...orer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/observe/TransactionTableRow.tsx b/...orer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/observe/TransactionTableRow.tsx
@@ -86,7 +86,9 @@ export function TransactionTableRow({ row }: { row: Row<WatchedTransaction> }) {
                       {data.functionData?.args?.map((arg, idx) => (
                         <div key={idx} className="flex">
                           <span className="flex-shrink-0 text-xs text-white/60">arg {idx + 1}:</span>
-                          <span className="ml-2 text-xs">{String(arg)}</span>
+                          <span className="ml-2 whitespace-pre-wrap text-xs">
+                            {typeof arg === "object" && arg !== null ? JSON.stringify(arg, null, 2) : String(arg)}
+                          </span>
                         </div>
                       ))}
                     </div>