diff --git a/packages/arb-token-bridge-ui/src/components/TransactionHistory/TransactionsTableRowAction.tsx b/packages/arb-token-bridge-ui/src/components/TransactionHistory/TransactionsTableRowAction.tsx index 629aec8aaa..1b6bce2c75 100644 --- a/packages/arb-token-bridge-ui/src/components/TransactionHistory/TransactionsTableRowAction.tsx +++ b/packages/arb-token-bridge-ui/src/components/TransactionHistory/TransactionsTableRowAction.tsx @@ -1,4 +1,6 @@ import { useCallback } from 'react' +import { useAccount, useNetwork } from 'wagmi' + import { GET_HELP_LINK } from '../../constants' import { useClaimWithdrawal } from '../../hooks/useClaimWithdrawal' import { useClaimCctp } from '../../state/cctpState' @@ -13,7 +15,6 @@ import { getNetworkName } from '../../util/networks' import { errorToast } from '../common/atoms/Toast' import { Button } from '../common/Button' import { useSwitchNetworkWithConfig } from '../../hooks/useSwitchNetworkWithConfig' -import { useNetwork } from 'wagmi' import { isDepositReadyToRedeem } from '../../state/app/utils' import { useRedeemRetryable } from '../../hooks/useRedeemRetryable' import { TransferCountdown } from '../common/TransferCountdown' @@ -23,6 +24,7 @@ import { useRedeemTeleporter } from '../../hooks/useRedeemTeleporter' import { sanitizeTokenSymbol } from '../../util/TokenUtils' import { formatAmount } from '../../util/NumberUtils' import { useTransactionHistoryAddressStore } from './TransactionHistorySearchBar' +import { Tooltip } from '../common/Tooltip' export function TransactionsTableRowAction({ tx, @@ -33,10 +35,17 @@ export function TransactionsTableRowAction({ isError: boolean type: 'deposits' | 'withdrawals' }) { + const { address: connectedAddress } = useAccount() const { chain } = useNetwork() const { switchNetworkAsync } = useSwitchNetworkWithConfig() const networkName = getNetworkName(chain?.id ?? 0) - const { sanitizedAddress } = useTransactionHistoryAddressStore() + const { sanitizedAddress: searchedAddress } = + useTransactionHistoryAddressStore() + + const isViewingAnotherAddress = + connectedAddress && + searchedAddress && + connectedAddress.toLowerCase() !== searchedAddress.toLowerCase() const tokenSymbol = sanitizeTokenSymbol(tx.asset, { erc20L1Address: tx.tokenAddress, @@ -47,10 +56,10 @@ export function TransactionsTableRowAction({ const { claim: claimCctp, isClaiming: isClaimingCctp } = useClaimCctp(tx) const { redeem, isRedeeming: isRetryableRedeeming } = useRedeemRetryable( tx, - sanitizedAddress + searchedAddress ) const { redeem: teleporterRedeem, isRedeeming: isTeleporterRedeeming } = - useRedeemTeleporter(tx, sanitizedAddress) + useRedeemTeleporter(tx, searchedAddress) const isRedeeming = isRetryableRedeeming || isTeleporterRedeeming @@ -162,16 +171,25 @@ export function TransactionsTableRowAction({ return isClaiming || isClaimingCctp ? ( Claiming... ) : ( - + + ) } diff --git a/packages/arb-token-bridge-ui/src/hooks/useClaimWithdrawal.ts b/packages/arb-token-bridge-ui/src/hooks/useClaimWithdrawal.ts index f174dc8fb3..be9b21769d 100644 --- a/packages/arb-token-bridge-ui/src/hooks/useClaimWithdrawal.ts +++ b/packages/arb-token-bridge-ui/src/hooks/useClaimWithdrawal.ts @@ -15,6 +15,7 @@ import { fetchErc20Data } from '../util/TokenUtils' import { fetchNativeCurrency } from './useNativeCurrency' import { getProviderForChainId } from '@/token-bridge-sdk/utils' import { captureSentryErrorWithExtraData } from '../util/SentryUtils' +import { useTransactionHistoryAddressStore } from '../components/TransactionHistory/TransactionHistorySearchBar' export type UseClaimWithdrawalResult = { claim: () => Promise @@ -28,8 +29,11 @@ export function useClaimWithdrawal( app: { arbTokenBridge } } = useAppState() const { address } = useAccount() + const { sanitizedAddress } = useTransactionHistoryAddressStore() const { data: signer } = useSigner({ chainId: tx.parentChainId }) - const { updatePendingTransaction } = useTransactionHistory(address) + const { updatePendingTransaction } = useTransactionHistory( + sanitizedAddress ?? address + ) const [isClaiming, setIsClaiming] = useState(false) const claim = useCallback(async () => { diff --git a/packages/arb-token-bridge-ui/src/hooks/useTransactionHistory.ts b/packages/arb-token-bridge-ui/src/hooks/useTransactionHistory.ts index 428722771e..285d867585 100644 --- a/packages/arb-token-bridge-ui/src/hooks/useTransactionHistory.ts +++ b/packages/arb-token-bridge-ui/src/hooks/useTransactionHistory.ts @@ -838,7 +838,7 @@ export const useTransactionHistory = ( if (isLoadingTxsWithoutStatus || error) { return { - transactions: [], + transactions: newTransactionsData || [], loading: isLoadingTxsWithoutStatus, error, failedChainPairs: [], diff --git a/packages/arb-token-bridge-ui/src/util/wagmi/setup.ts b/packages/arb-token-bridge-ui/src/util/wagmi/setup.ts index 4b748a2080..d32c467a51 100644 --- a/packages/arb-token-bridge-ui/src/util/wagmi/setup.ts +++ b/packages/arb-token-bridge-ui/src/util/wagmi/setup.ts @@ -148,14 +148,13 @@ export function getProps(targetChainKey: string | null) { chains }) + wallets[0]?.wallets.push(okxWallet({ chains, projectId })) + const connectors = connectorsForWallets([ ...wallets, { groupName: 'More', - wallets: [ - trustWallet({ chains, projectId }), - okxWallet({ chains, projectId }) - ] + wallets: [trustWallet({ chains, projectId })] } ])