diff --git a/packages/synapse-interface/components/Activity/Activity.tsx b/packages/synapse-interface/components/Activity/Activity.tsx index f4c135cd0b..4e3e9aea67 100644 --- a/packages/synapse-interface/components/Activity/Activity.tsx +++ b/packages/synapse-interface/components/Activity/Activity.tsx @@ -102,7 +102,7 @@ const renderTransaction = ( {isDestinationValid && !isDestinationSender && (
to {shortenAddress(destinationAddress)}
)} {isToday ? ( -
- Today -
+
Today
) : ( -
- {formattedTime ? formattedTime : 'Completed'} -
+
{formattedTime ? formattedTime : 'Completed'}
)} ) diff --git a/packages/synapse-interface/components/_Transaction/_Transaction.tsx b/packages/synapse-interface/components/_Transaction/_Transaction.tsx index 506493e69d..e7f231f32c 100644 --- a/packages/synapse-interface/components/_Transaction/_Transaction.tsx +++ b/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,7 +64,7 @@ export const _Transaction = ({ ) const [destExplorerAddressLink, destExplorerName] = getExplorerAddressLink( destinationChain?.id, - connectedAddress + destinationAddress ?? connectedAddress ) const { diff --git a/packages/synapse-interface/components/_Transaction/_Transactions.tsx b/packages/synapse-interface/components/_Transaction/_Transactions.tsx index 100e81461e..89119cb8fe 100644 --- a/packages/synapse-interface/components/_Transaction/_Transactions.tsx +++ b/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} diff --git a/packages/synapse-interface/pages/state-managed-bridge/index.tsx b/packages/synapse-interface/pages/state-managed-bridge/index.tsx index 576c4d1af6..5f0c33caee 100644 --- a/packages/synapse-interface/pages/state-managed-bridge/index.tsx +++ b/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 { diff --git a/packages/synapse-interface/slices/_transactions/reducer.ts b/packages/synapse-interface/slices/_transactions/reducer.ts index 221825bd59..2225c8ead0 100644 --- a/packages/synapse-interface/slices/_transactions/reducer.ts +++ b/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 diff --git a/packages/synapse-interface/slices/transactions/actions.ts b/packages/synapse-interface/slices/transactions/actions.ts index 042f25fe06..cb4ef22cc7 100644 --- a/packages/synapse-interface/slices/transactions/actions.ts +++ b/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 = diff --git a/packages/synapse-interface/utils/hooks/use_TransactionsListener.ts b/packages/synapse-interface/utils/hooks/use_TransactionsListener.ts index 4e429fee0a..b82d6ca8fe 100644 --- a/packages/synapse-interface/utils/hooks/use_TransactionsListener.ts +++ b/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,