Refactor transaction params rendering with explicit empty check

Co-authored-by: joaquim.verges <[email protected]>

Author: cursoragent

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/tx/[id]/transaction-details-ui.tsx

@@ -248,17 +248,33 @@ export function TransactionDetailsUI({
             <CardTitle className="text-lg">Transaction Parameters</CardTitle>
           </CardHeader>
           <CardContent>
-            {transaction.transactionParams &&
-            transaction.transactionParams.length > 0 ? (
-              <CodeClient
-                code={JSON.stringify(transaction.transactionParams, null, 2)}
-                lang="json"
-              />
-            ) : (
-              <p className="text-muted-foreground text-sm">
-                No transaction parameters available
-              </p>
-            )}
+            {(() => {
+              // Check if transaction parameters exist using for...of loop
+              if (!transaction.transactionParams) {
+                return (
+                  <p className="text-muted-foreground text-sm">
+                    No transaction parameters available
+                  </p>
+                );
+              }
+
+              let hasParams = false;
+              for (const _param of transaction.transactionParams) {
+                hasParams = true;
+                break;
+              }
+
+              return hasParams ? (
+                <CodeClient
+                  code={JSON.stringify(transaction.transactionParams, null, 2)}
+                  lang="json"
+                />
+              ) : (
+                <p className="text-muted-foreground text-sm">
+                  No transaction parameters available
+                </p>
+              );
+            })()}
           </CardContent>
         </Card>
         {errorMessage && (