From dc53cf92a4eba65a24305d826d720b1e15fc31d2 Mon Sep 17 00:00:00 2001
From: Josef <vacekj@outlook.com>
Date: Wed, 17 Jul 2024 12:48:22 +0200
Subject: [PATCH] feat: display block height in tx detail (#1470)

* feat: display block number in tx details

* fix: fix styles for block number in tx viewer

* feat: put block number in a pill

* feat: put block number in a pill
---
 .../minifront/src/components/tx-details/tx-viewer.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/minifront/src/components/tx-details/tx-viewer.tsx b/apps/minifront/src/components/tx-details/tx-viewer.tsx
index 531f26721e..7b9da59626 100644
--- a/apps/minifront/src/components/tx-details/tx-viewer.tsx
+++ b/apps/minifront/src/components/tx-details/tx-viewer.tsx
@@ -56,8 +56,15 @@ export const TxViewer = ({ txInfo }: { txInfo?: TransactionInfo }) => {
   return (
     <div>
       <div className='text-xl font-bold'>Transaction View</div>
-      <div className='mb-8 break-all font-mono italic text-muted-foreground'>
-        {txInfo?.id && uint8ArrayToHex(txInfo.id.inner)}
+      <div className={'mb-8 flex items-center justify-between'}>
+        <div className=' break-all font-mono italic text-muted-foreground'>
+          {txInfo?.id && uint8ArrayToHex(txInfo.id.inner)}
+        </div>
+        <div
+          className={'rounded-lg border bg-black px-3 py-2 font-mono italic text-muted-foreground'}
+        >
+          block {txInfo?.height.toString()}
+        </div>
       </div>
 
       <div className='mx-auto mb-4 max-w-[70%]'>