feat: use BE explorer values for txs (#1635)

src/core/types/transactions.ts

@@ -62,6 +62,10 @@ type BaseTransaction = {
   gasPrice?: string;
   gasLimit?: string;
   baseFee?: string;
+  explorer?: {
+    name: string;
+    url: string;
+  };
 } & Partial<TransactionGasParams & TransactionLegacyGasParams>;
 
 export type PendingTransaction = BaseTransaction & {
@@ -202,6 +206,8 @@ export type TransactionApiResponse = {
     approval_to?: Address;
     contract_name?: string;
     contract_icon_url?: string;
+    explorer_label?: string;
+    explorer_url?: string;
     type?: TransactionType;
     action?: string;
     asset?: AssetApiResponse;

src/core/utils/transactions.ts

@@ -301,6 +301,12 @@ export function parseTransaction({
     iconUrl: meta.contract_icon_url,
   };
 
+  const explorer = meta.explorer_label &&
+    meta.explorer_url && {
+      name: meta.explorer_label,
+      url: meta.explorer_url,
+    };
+
   return {
     from: tx.address_from,
     to: addressTo,
@@ -322,6 +328,7 @@ export function parseTransaction({
     confirmations: tx.block_confirmations,
     contract,
     native,
+    explorer,
     ...fee,
   } as RainbowTransaction;
 }

src/entries/popup/pages/home/Activity/ActivityDetails.tsx

@@ -486,7 +486,9 @@ function MoreOptions({
   revoke?: boolean;
   onRevoke: () => void;
 }) {
-  const explorer = getTransactionBlockExplorer(transaction);
+  const explorer = transaction?.explorer?.name
+    ? transaction.explorer
+    : getTransactionBlockExplorer(transaction);
   const hash = transaction.hash;
   return (
     <DropdownMenu>