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
penumbra-zone · Jul 17, 2024 · dc53cf9 · dc53cf9
1 parent f0daaa2
commit dc53cf9
Showing 1 changed file with 9 additions and 2 deletions.
diff --git 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%]'>