diff --git a/packages/web/components/bridge/amount-and-review-screen.tsx b/packages/web/components/bridge/amount-and-review-screen.tsx index 2f4e565286..e9d4cbec86 100644 --- a/packages/web/components/bridge/amount-and-review-screen.tsx +++ b/packages/web/components/bridge/amount-and-review-screen.tsx @@ -139,6 +139,10 @@ export const AmountAndReviewScreen = observer( const { supportedAssetsByChainId: counterpartySupportedAssetsByChainId } = supportedAssets; + const hasNoSupportedChains = + !supportedAssets.isLoading && + supportedAssets.supportedChains.length === 0; + /** Filter for bridges for the current to/from chain/asset selection. */ const supportedBridgeInfo = useMemo(() => { if (!fromAsset || !toAsset || !fromChain || !toChain) @@ -283,6 +287,7 @@ export const AmountAndReviewScreen = observer( isLoadingAssetsInOsmosis={isLoadingAssetsInOsmosis} bridgesSupportedAssets={supportedAssets} supportedBridgeInfo={supportedBridgeInfo} + hasNoSupportedChains={hasNoSupportedChains} fromChain={fromChain} setFromChain={setFromChain} toChain={toChain} diff --git a/packages/web/components/bridge/amount-screen.tsx b/packages/web/components/bridge/amount-screen.tsx index 3bb2dc80a5..56ddcc51a0 100644 --- a/packages/web/components/bridge/amount-screen.tsx +++ b/packages/web/components/bridge/amount-screen.tsx @@ -84,6 +84,7 @@ interface AmountScreenProps { bridgesSupportedAssets: ReturnType; supportedBridgeInfo: SupportedBridgeInfo; + hasNoSupportedChains: boolean; fromChain: BridgeChainWithDisplayInfo | undefined; setFromChain: (chain: BridgeChainWithDisplayInfo) => void; @@ -125,6 +126,7 @@ export const AmountScreen = observer( isLoading: isLoadingSupportedAssets, }, supportedBridgeInfo, + hasNoSupportedChains, fromChain, setFromChain, @@ -829,7 +831,7 @@ export const AmountScreen = observer( * - Quoting is disabled for the current selection, meaning providers can't provide quotes but they may provide external URLs */ if ( - !isLoading && + (!isLoading || hasNoSupportedChains) && (areAssetTransfersDisabled || !fromChain || !fromAsset || @@ -840,11 +842,22 @@ export const AmountScreen = observer( ) { return ( <> - {chainSelection} + {!hasNoSupportedChains && chainSelection}