From d17c1fd61a48b9d6c5cf51bc550942631e1dcd3d Mon Sep 17 00:00:00 2001
From: bfs2021 <101915083+bfs2021@users.noreply.github.com>
Date: Mon, 9 Nov 2026 10:49:58 +0800
Subject: [PATCH] fix: render the Soroban invocation card with DetailRow (#198)

The transaction page still rendered <Row>, which no longer exists since
the detail helpers were merged into DetailRow (#69), so the page failed
the type check. DetailRow takes the same label, value, mono and link
props, and the contract row keeps its /contract/<id> link.
---
 frontend/src/app/(app)/tx/[hash]/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/(app)/tx/[hash]/page.tsx b/frontend/src/app/(app)/tx/[hash]/page.tsx
index 9e80b47..656b67f 100644
--- a/frontend/src/app/(app)/tx/[hash]/page.tsx
+++ b/frontend/src/app/(app)/tx/[hash]/page.tsx
@@ -157,8 +157,8 @@ export default async function TxPage({ params }: Props) {
           <h2 className="text-lg font-semibold mb-1">
             Soroban Invocation <span className="text-sm font-mono text-prism-muted">operation #{invocation.operationIndex}</span>
           </h2>
-          <Row label="Contract" value={invocation.contractId} mono link={`/contract/${invocation.contractId}`} />
-          <Row label="Function" value={invocation.functionName} mono />
+          <DetailRow label="Contract" value={invocation.contractId} mono link={`/contract/${invocation.contractId}`} />
+          <DetailRow label="Function" value={invocation.functionName} mono />
           {invocation.args.length > 0 && (
             <div className="border-b border-prism-border pb-3">
               <p className="text-prism-muted text-sm mb-2">Arguments</p>
@@ -172,7 +172,7 @@ export default async function TxPage({ params }: Props) {
             </div>
           )}
           {/* Return value and resource usage describe the whole transaction, so they appear once, under the first call. */}
-          {i === 0 && returnValue !== null && <Row label="Return Value" value={returnValue} mono />}
+          {i === 0 && returnValue !== null && <DetailRow label="Return Value" value={returnValue} mono />}
           {i === 0 && resources && (
             <>
               <DetailRow label="CPU Instructions" value={formatNumber(resources.instructions)} />