feat(synapse-interface): link destination address in transaction

packages/synapse-interface/components/_Transaction/_Transaction.tsx

@@ -20,6 +20,7 @@ import { useIsTxReverted } from './helpers/useIsTxReverted'
 
 interface _TransactionProps {
   connectedAddress: string
+  destinationAddress: Address | null
   originValue: number
   originChain: Chain
   originToken: Token
@@ -37,6 +38,7 @@ interface _TransactionProps {
 /** TODO: Update naming after refactoring existing Activity / Transaction flow */
 export const _Transaction = ({
   connectedAddress,
+  destinationAddress,
   originValue,
   originChain,
   originToken,
@@ -62,9 +64,11 @@ export const _Transaction = ({
   )
   const [destExplorerAddressLink, destExplorerName] = getExplorerAddressLink(
     destinationChain?.id,
-    connectedAddress
+    destinationAddress ?? connectedAddress
   )
 
+  console.log('destExplorerAddressLink:', destExplorerAddressLink)
+
   const {
     remainingTime,
     delayedTime,

packages/synapse-interface/components/_Transaction/_Transactions.tsx

@@ -46,6 +46,7 @@ export const _Transactions = ({
             <_Transaction
               key={tx.timestamp}
               connectedAddress={connectedAddress}
+              destinationAddress={tx.destinationAddress}
               originValue={Number(tx.originValue)}
               originChain={originChain}
               originToken={originToken}

packages/synapse-interface/pages/state-managed-bridge/index.tsx

@@ -372,6 +372,7 @@ const StateManagedBridge = () => {
         isSubmitted: false,
         estimatedTime: bridgeQuote.estimatedTime,
         bridgeModuleName: bridgeQuote.bridgeModuleName,
+        destinationAddress: destinationAddress,
       })
     )
     try {

packages/synapse-interface/slices/_transactions/reducer.ts

@@ -1,10 +1,12 @@
 import { PayloadAction, createSlice } from '@reduxjs/toolkit'
+import { Address } from 'viem'
 
 import { Chain, Token } from '@/utils/types'
 
 /** TODO: Rename entire slice once done refactoring prior Activity flow */
 export interface _TransactionDetails {
   address: string
+  destinationAddress: Address | null
   originChain: Chain
   originToken: Token
   destinationChain: Chain

packages/synapse-interface/slices/transactions/actions.ts

@@ -1,4 +1,5 @@
 import { createAction } from '@reduxjs/toolkit'
+import { Address } from 'viem'
 
 import { BridgeTransaction } from '../api/generated'
 import { Chain, Token } from '@/utils/types'
@@ -15,6 +16,7 @@ export interface PendingBridgeTransaction {
   isSubmitted: boolean
   estimatedTime: number
   bridgeModuleName: string
+  destinationAddress: Address | null
 }
 
 export const addPendingBridgeTransaction =

packages/synapse-interface/utils/hooks/use_TransactionsListener.ts

@@ -42,6 +42,7 @@ export const use_TransactionsListener = () => {
           dispatch(
             addTransaction({
               address,
+              destinationAddress: tx.destinationAddress,
               originTxHash: tx.transactionHash,
               originValue: tx.originValue,
               originChain: tx.originChain,