diff --git a/packages/arb-token-bridge-ui/src/components/TransferPanel/DepositConfirmationDialog.tsx b/packages/arb-token-bridge-ui/src/components/TransferPanel/DepositConfirmationDialog.tsx
index 11928edf6f..6718f3562c 100644
--- a/packages/arb-token-bridge-ui/src/components/TransferPanel/DepositConfirmationDialog.tsx
+++ b/packages/arb-token-bridge-ui/src/components/TransferPanel/DepositConfirmationDialog.tsx
@@ -50,11 +50,13 @@ export function DepositConfirmationDialog(
tokenAddress && bridgeInfo && bridgeInfo.tokenSymbolOnArbitrum
const fastBridges = [
- ...getFastBridges({
- from: from.id,
- to: to.id,
- tokenSymbol,
- amount: props.amount
+ ...getFastBridges<'bridge'>({
+ deepLinkInfo: {
+ from: from.id,
+ to: to.id,
+ tokenSymbol,
+ amount: props.amount
+ }
})
].filter(bridge => {
return (
diff --git a/packages/arb-token-bridge-ui/src/components/TransferPanel/OneNovaTransferDialog.tsx b/packages/arb-token-bridge-ui/src/components/TransferPanel/OneNovaTransferDialog.tsx
index 490e86b087..8b447ce76d 100644
--- a/packages/arb-token-bridge-ui/src/components/TransferPanel/OneNovaTransferDialog.tsx
+++ b/packages/arb-token-bridge-ui/src/components/TransferPanel/OneNovaTransferDialog.tsx
@@ -1,15 +1,13 @@
import { Dialog as HeadlessUIDialog, Tab } from '@headlessui/react'
import { XMarkIcon } from '@heroicons/react/24/outline'
-import Hop from '@/images/bridge/hop.png'
import { useAppState } from '../../state'
import { Button } from '../common/Button'
import { TabButton } from '../common/Tab'
import { BridgesTable } from '../common/BridgesTable'
import { Dialog, UseDialogProps } from '../common/Dialog'
-import { FastBridgeInfo, FastBridgeNames } from '../../util/fastBridges'
+import { FastBridgeNames, getFastBridges } from '../../util/fastBridges'
import { ChainId, getNetworkName } from '../../util/networks'
-import { ether } from '../../constants'
export function OneNovaTransferDialog(
props: UseDialogProps & {
@@ -32,19 +30,15 @@ export function OneNovaTransferDialog(
? ChainId.ArbitrumOne
: ChainId.ArbitrumNova
- const sourceNetworkSlug =
- sourceChainId === ChainId.ArbitrumOne ? 'arbitrum' : 'nova'
- const destinationNetworkSlug =
- destinationChainId === ChainId.ArbitrumOne ? 'arbitrum' : 'nova'
-
- const bridgeDeepLink = `https://app.hop.exchange/#/send?sourceNetwork=${sourceNetworkSlug}&destNetwork=${destinationNetworkSlug}&token=${
- selectedToken?.symbol || ether.symbol
- }&amount=${props.amount}`
-
- // only enable Hop for now
- const fastBridgeList: FastBridgeInfo[] = [
- { name: FastBridgeNames.Hop, imageSrc: Hop, href: bridgeDeepLink }
- ]
+ const fastBridges = getFastBridges<'bridge'>({
+ deepLinkInfo: {
+ from: sourceChainId,
+ to: destinationChainId,
+ tokenSymbol: selectedToken?.symbol ?? 'ETH',
+ amount: props.amount
+ },
+ supportedFastBridgeNames: [FastBridgeNames.Hop]
+ })
return (
-
+