Refactor transaction hash display in

BatchHashDetailsComponent
ten-protocol · May 24, 2024 · 547ec3f · 547ec3f
1 parent b320bd4
commit 547ec3f
Showing 1 changed file with 7 additions and 9 deletions.
diff --git a/tools/tenscan/frontend/src/components/modules/batches/batch-hash-details.tsx b/tools/tenscan/frontend/src/components/modules/batches/batch-hash-details.tsx
@@ -124,17 +124,15 @@ export function BatchHashDetailsComponent({
         <KeyValueItem
           label="Transaction Hashes"
           value={
-            <div className="flex items-center space-x-2">
+            <ul>
               {batchDetails?.TxHashes?.map((txHash, index) => (
-                <Link
-                  key={index}
-                  href={`/tx/${txHash}`}
-                  className="text-primary"
-                >
-                  {txHash}
-                </Link>
+                <li key={index} className="text-sm">
+                  <Link href={`/tx/${txHash}`} className="text-primary">
+                    <TruncatedAddress address={txHash} />
+                  </Link>
+                </li>
               ))}
-            </div>
+            </ul>
           }
           isLastItem
         />