From 62813f2fb53d8df864298864ff94942c5193559b Mon Sep 17 00:00:00 2001
From: Jennifer Echenim <echenimjennifer@gmail.com>
Date: Mon, 15 Jul 2024 19:04:22 +0400
Subject: [PATCH] Fix transaction index display

---
 .../components/modules/personal/personal-txn-details.tsx  | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/tools/tenscan/frontend/src/components/modules/personal/personal-txn-details.tsx b/tools/tenscan/frontend/src/components/modules/personal/personal-txn-details.tsx
index 3f7f488ce6..00e174f8e6 100644
--- a/tools/tenscan/frontend/src/components/modules/personal/personal-txn-details.tsx
+++ b/tools/tenscan/frontend/src/components/modules/personal/personal-txn-details.tsx
@@ -54,7 +54,7 @@ export function PersonalTxnDetailsComponent({
           label="Transaction Index"
           value={
             <Badge variant={"outline"}>
-              {transactionDetails?.transactionIndex}{" "}
+              {Number(transactionDetails?.transactionIndex)}
             </Badge>
           }
         />
@@ -123,10 +123,6 @@ export function PersonalTxnDetailsComponent({
           label="Block Hash"
           value={<TruncatedAddress address={transactionDetails?.blockHash} />}
         />
-        <KeyValueItem
-          label="Transaction Index"
-          value={transactionDetails?.transactionIndex}
-        />
         <KeyValueItem
           label="Logs Bloom"
           value={<TruncatedAddress address={transactionDetails?.logsBloom} />}
@@ -216,7 +212,7 @@ export function PersonalTxnDetailsComponent({
                         label="Transaction Index"
                         value={
                           <Badge variant={"outline"}>
-                            {transactionDetails?.transactionIndex}
+                            {Number(transactionDetails?.transactionIndex)}
                           </Badge>
                         }
                         isLastItem