fixes

src/constants/chains/index.ts

@@ -35,6 +35,7 @@ const orderedEnabledChainIds = [
   CHAIN_IDs.POLYGON_AMOY,
   CHAIN_IDs.BLAST_SEPOLIA,
   CHAIN_IDs.LISK_SEPOLIA,
+  CHAIN_IDs.LENS_SEPOLIA,
 ];
 
 export const chainInfoList: ChainInfoList = orderedEnabledChainIds.map(

src/views/Bridge/components/ChainSelector.tsx

@@ -13,10 +13,10 @@ import {
   shortenAddress,
 } from "utils";
 
-import { getAllChains } from "../utils";
 import { useBalanceBySymbolPerChain, useConnection } from "hooks";
 import { useMemo } from "react";
 import { BigNumber } from "ethers";
+import { getSupportedChains } from "../utils";
 
 type Props = {
   selectedRoute: Route;
@@ -25,8 +25,6 @@ type Props = {
   onSelectChain: (chainId: number) => void;
 };
 
-const allChains = getAllChains();
-
 export function ChainSelector({
   selectedRoute,
   fromOrTo,
@@ -36,8 +34,8 @@ export function ChainSelector({
   const isFrom = fromOrTo === "from";
   const { fromChain, toChain, fromTokenSymbol, toTokenSymbol } = selectedRoute;
   const selectedChain = getChainInfo(isFrom ? fromChain : toChain);
-
   const tokenInfo = getToken(isFrom ? fromTokenSymbol : toTokenSymbol);
+  const allChains = getSupportedChains(fromOrTo);
 
   const { account, isConnected } = useConnection();
   const { balances } = useBalanceBySymbolPerChain({

src/views/Bridge/utils.ts

@@ -351,23 +351,46 @@ export function getAvailableOutputTokens(
     );
 }
 
-export function getAllChains() {
-  return enabledRoutes
-    .map((route) => getChainInfo(route.fromChain))
-    .filter(
-      (chain, index, self) =>
-        index ===
-        self.findIndex((fromChain) => fromChain.chainId === chain.chainId)
-    )
-    .sort((a, b) => {
-      if (a.name < b.name) {
-        return -1;
-      }
-      if (a.name > b.name) {
-        return 1;
-      }
-      return 0;
-    });
+export const ChainType = {
+  FROM: "from",
+  TO: "to",
+  ALL: "all",
+} as const;
+
+export type ChainTypeT = (typeof ChainType)[keyof typeof ChainType];
+
+export function getSupportedChains(chainType: ChainTypeT = ChainType.ALL) {
+  let chainIds: number[] = [];
+
+  switch (chainType) {
+    case ChainType.FROM:
+      chainIds = enabledRoutes.map((route) => route.fromChain);
+      break;
+    case ChainType.TO:
+      chainIds = enabledRoutes.map((route) => route.toChain);
+      break;
+    case ChainType.ALL:
+    default:
+      chainIds = enabledRoutes.flatMap((route) => [
+        route.fromChain,
+        route.toChain,
+      ]);
+      break;
+  }
+
+  const uniqueChainIds = Array.from(new Set(chainIds));
+
+  const uniqueChains = uniqueChainIds.map((chainId) => getChainInfo(chainId));
+
+  return uniqueChains.sort((a, b) => {
+    if (a.name < b.name) {
+      return -1;
+    }
+    if (a.name > b.name) {
+      return 1;
+    }
+    return 0;
+  });
 }
 
 export function getRouteFromUrl(overrides?: RouteFilter) {