diff --git a/wormhole-connect/src/views/v2/TxHistory/Item/index.tsx b/wormhole-connect/src/views/v2/TxHistory/Item/index.tsx index a49a64301..69c791bf6 100644 --- a/wormhole-connect/src/views/v2/TxHistory/Item/index.tsx +++ b/wormhole-connect/src/views/v2/TxHistory/Item/index.tsx @@ -12,6 +12,7 @@ import config from 'config'; import AssetBadge from 'components/AssetBadge'; import { calculateUSDPrice, + getExplorerUrl, getUSDFormat, millisToRelativeTime, trimTxHash, @@ -19,6 +20,7 @@ import { import type { Transaction } from 'config/types'; import { useTokens } from 'contexts/TokensContext'; +import ExplorerLink from 'components/ExplorerLink'; const useStyles = makeStyles()((theme: any) => ({ container: { @@ -176,6 +178,15 @@ const TxHistoryItem = (props: Props) => { return `${dateTimeFormat.format(senderDate)}`; }, [senderTimestamp]); + const chainExplorerLink = useMemo(() => { + return ( + + ); + }, [fromChain, txHash]); + return (
@@ -193,7 +204,7 @@ const TxHistoryItem = (props: Props) => { color={theme.palette.text.secondary} display="flex" > - {`Transaction #${trimTxHash(txHash, 4, 4)}`} + Transaction #{chainExplorerLink} {transactionDateTime} }