From 8c80e66dfa5097f5cacdfd6772ba66588cf1a2ed Mon Sep 17 00:00:00 2001
From: selankon <selankon@selankon.xyz>
Date: Fri, 22 Nov 2024 07:13:23 -0500
Subject: [PATCH] Show tx signer (#133)

* Show tx signer

Fix #116

* Add translations

* Use correct translation
---
 .../Transactions/TxDetails/TxDetails.tsx        | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/components/Transactions/TxDetails/TxDetails.tsx b/src/components/Transactions/TxDetails/TxDetails.tsx
index 89b2713..0b7c533 100644
--- a/src/components/Transactions/TxDetails/TxDetails.tsx
+++ b/src/components/Transactions/TxDetails/TxDetails.tsx
@@ -21,6 +21,7 @@ export const TxDetailsGrid = ({ txInfo, tx }: Tx) => {
   }
 
   const txHash = ensure0x(hash)
+  const signer = ensure0x(txInfo.signer)
   let txType: TransactionType | undefined = undefined
   if (tx) {
     txType = Object.keys(tx)[0] as TransactionType
@@ -63,6 +64,22 @@ export const TxDetailsGrid = ({ txInfo, tx }: Tx) => {
         </ReducedTextAndCopy>
       ),
     },
+    {
+      label: t('validators.account', { defaultValue: 'Account' }),
+      children: (
+        <ReducedTextAndCopy
+          breakPoint={{ base: true, lg: false }}
+          p={0}
+          color={'textAccent1'}
+          toCopy={signer}
+          fontWeight={'normal'}
+          h={0}
+          fontSize={'md'}
+        >
+          {signer}
+        </ReducedTextAndCopy>
+      ),
+    },
     {
       label: t('transactions.block', { defaultValue: 'Block' }),
       children: (