From c3b900b122cc8ab587924a67f0fdccdef186a02e Mon Sep 17 00:00:00 2001
From: Kristof Csillag <kristof@oasisprotocol.org>
Date: Tue, 14 Jan 2025 04:12:47 +0100
Subject: [PATCH] Enable displaying the names at more locations

---
 .../components/Account/ContractCreatorInfo.tsx   |  2 +-
 src/app/components/AccountList/index.tsx         |  2 +-
 src/app/components/Tokens/TokenHolders.tsx       |  1 +
 src/app/components/Tokens/TokenTransfers.tsx     |  4 ++--
 .../Transactions/RuntimeTransactions.tsx         |  2 ++
 .../Transactions/TransactionDetailsElements.tsx  | 16 ++++++++++++++--
 .../pages/RuntimeTransactionDetailPage/index.tsx |  2 ++
 7 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/app/components/Account/ContractCreatorInfo.tsx b/src/app/components/Account/ContractCreatorInfo.tsx
index fed858109..a3d38daaf 100644
--- a/src/app/components/Account/ContractCreatorInfo.tsx
+++ b/src/app/components/Account/ContractCreatorInfo.tsx
@@ -35,7 +35,7 @@ const TxSender: FC<{ scope: SearchScope; txHash: string; alwaysTrim?: boolean }>
       }}
     />
   ) : senderAddress ? (
-    <AccountLink scope={scope} address={senderAddress} alwaysTrim={alwaysTrim} />
+    <AccountLink scope={scope} address={senderAddress} alwaysTrim={alwaysTrim} showAddressAsName />
   ) : (
     t('common.missing')
   )
diff --git a/src/app/components/AccountList/index.tsx b/src/app/components/AccountList/index.tsx
index 31c1be185..826ca2dc2 100644
--- a/src/app/components/AccountList/index.tsx
+++ b/src/app/components/AccountList/index.tsx
@@ -39,7 +39,7 @@ export const AccountList: FC<AccountListProps> = ({ isLoading, limit, pagination
         key: 'size',
       },
       {
-        content: <AccountLink scope={account} address={account.address} alwaysTrim />,
+        content: <AccountLink scope={account} address={account.address} alwaysTrim showAddressAsName />,
         key: 'address',
       },
       {
diff --git a/src/app/components/Tokens/TokenHolders.tsx b/src/app/components/Tokens/TokenHolders.tsx
index 14ed19eff..b7d0e8f2a 100644
--- a/src/app/components/Tokens/TokenHolders.tsx
+++ b/src/app/components/Tokens/TokenHolders.tsx
@@ -57,6 +57,7 @@ export const TokenHolders: FC<TokenHoldersProps> = ({
               scope={holder}
               address={holder.eth_holder_address || holder.holder_address}
               alwaysTrim
+              showAddressAsName
             />
           ),
         },
diff --git a/src/app/components/Tokens/TokenTransfers.tsx b/src/app/components/Tokens/TokenTransfers.tsx
index 3b3fb707d..971d75891 100644
--- a/src/app/components/Tokens/TokenTransfers.tsx
+++ b/src/app/components/Tokens/TokenTransfers.tsx
@@ -165,7 +165,7 @@ export const TokenTransfers: FC<TokenTransfersProps> = ({
                     {trimLongString(fromAddress)}
                   </Typography>
                 ) : (
-                  <AccountLink scope={transfer} address={fromAddress} alwaysTrim />
+                  <AccountLink scope={transfer} address={fromAddress} alwaysTrim showAddressAsName />
                 )}
 
                 <TransferIcon />
@@ -187,7 +187,7 @@ export const TokenTransfers: FC<TokenTransfersProps> = ({
               {trimLongString(toAddress)}
             </Typography>
           ) : (
-            <AccountLink scope={transfer} address={toAddress} alwaysTrim />
+            <AccountLink scope={transfer} address={toAddress} alwaysTrim showAddressAsName />
           ),
         },
         ...(differentTokens
diff --git a/src/app/components/Transactions/RuntimeTransactions.tsx b/src/app/components/Transactions/RuntimeTransactions.tsx
index 96844be46..c01b06898 100644
--- a/src/app/components/Transactions/RuntimeTransactions.tsx
+++ b/src/app/components/Transactions/RuntimeTransactions.tsx
@@ -127,6 +127,7 @@ export const RuntimeTransactions: FC<TransactionsProps> = ({
                       scope={transaction}
                       address={transaction.sender_0_eth || transaction.sender_0}
                       alwaysTrim
+                      showAddressAsName
                     />
                     {targetAddress && <TransferIcon />}
                   </Box>
@@ -142,6 +143,7 @@ export const RuntimeTransactions: FC<TransactionsProps> = ({
                     scope={transaction}
                     address={targetAddress}
                     alwaysTrim
+                    showAddressAsName
                   />
                 ) : null,
                 key: 'to',
diff --git a/src/app/components/Transactions/TransactionDetailsElements.tsx b/src/app/components/Transactions/TransactionDetailsElements.tsx
index fb0ef1591..bb5119b67 100644
--- a/src/app/components/Transactions/TransactionDetailsElements.tsx
+++ b/src/app/components/Transactions/TransactionDetailsElements.tsx
@@ -36,7 +36,13 @@ export const From: FC<FromProps> = ({ address, ownAddress, scope }) => {
   return (
     <Box sx={{ display: 'inline-flex' }}>
       <Label>{t('common.from')}</Label>
-      <AccountLink labelOnly={address === ownAddress} scope={scope} address={address} alwaysTrim />
+      <AccountLink
+        labelOnly={address === ownAddress}
+        scope={scope}
+        address={address}
+        alwaysTrim
+        showAddressAsName
+      />
     </Box>
   )
 }
@@ -60,7 +66,13 @@ export const To: FC<ToProps> = ({ address, label, ownAddress, scope, type = 'acc
     <Box sx={{ display: 'inline-flex' }}>
       <Label>{label || t('common.to')}</Label>
       {type === 'account' && (
-        <AccountLink labelOnly={address === ownAddress} scope={scope} address={address} alwaysTrim />
+        <AccountLink
+          labelOnly={address === ownAddress}
+          scope={scope}
+          address={address}
+          alwaysTrim
+          showAddressAsName
+        />
       )}
       {type === 'validator' && <ValidatorLink network={scope.network} address={address} alwaysTrim />}
     </Box>
diff --git a/src/app/pages/RuntimeTransactionDetailPage/index.tsx b/src/app/pages/RuntimeTransactionDetailPage/index.tsx
index 5dbff666a..b8207e05e 100644
--- a/src/app/pages/RuntimeTransactionDetailPage/index.tsx
+++ b/src/app/pages/RuntimeTransactionDetailPage/index.tsx
@@ -167,6 +167,7 @@ export const RuntimeTransactionDetailView: FC<{
                 <AccountLink
                   scope={transaction}
                   address={(transaction?.sender_0_eth ?? transaction?.sender_0) as string}
+                  showAddressAsName
                 />
                 <CopyToClipboard value={transaction?.sender_0_eth ?? transaction?.sender_0} />
               </dd>
@@ -180,6 +181,7 @@ export const RuntimeTransactionDetailView: FC<{
                 <AccountLink
                   scope={transaction}
                   address={(transaction?.to_eth || transaction?.to) as string}
+                  showAddressAsName
                 />
                 <CopyToClipboard value={(transaction?.to_eth || transaction?.to) as string} />
               </dd>