feat: custom bridge routes (#1310)

across-protocol · Dec 10, 2024 · dc7d842 · dc7d842
1 parent 2a3e5d1
commit dc7d842
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 4 deletions.
diff --git a/src/Routes.tsx b/src/Routes.tsx
@@ -17,6 +17,7 @@ import {
   generalMaintenanceMessage,
   stringValueInArray,
   getConfig,
+  chainEndpointToId,
 } from "utils";
 import lazyWithRetry from "utils/lazy-with-retry";
 import { ReactComponent as InfoLogo } from "assets/icons/info.svg";
@@ -187,6 +188,18 @@ const Routes: React.FC = () => {
               search: location.search,
             }}
           />
+          {Object.entries(chainEndpointToId).map(([chainName, chainId]) => (
+            <Route
+              key={chainId}
+              exact
+              path={`/${chainName}`}
+              render={() => <Send preferredChainId={chainId} />}
+            />
+          ))}
+          <Route
+            path="*"
+            render={() => <NotFound custom404Message="page not found" />}
+          />
         </Switch>
       </Suspense>
       <Toast position="top-right" />

diff --git a/src/utils/constants.ts b/src/utils/constants.ts
@@ -229,6 +229,12 @@ export function getChainInfo(chainId: number): ChainInfo {
   return chainInfo;
 }
 
+export const chainEndpointToId = Object.fromEntries(
+  chainInfoList.map((chain) => {
+    return [chain.name.toLowerCase().replaceAll(" ", ""), chain.chainId];
+  }, [])
+);
+
 // For destination chains with no native ETH support, we will send WETH even if the receiver is an EOA
 export const nonEthChains = [
   ChainId.POLYGON,

diff --git a/src/views/Bridge/utils.ts b/src/views/Bridge/utils.ts
@@ -12,6 +12,7 @@ import {
   interchangeableTokensMap,
   nonEthChains,
   GetBridgeFeesResult,
+  chainEndpointToId,
 } from "utils";
 import { SwapQuoteApiResponse } from "utils/serverless-api/prod/swap-quote";
 
@@ -146,7 +147,7 @@ const defaultRouteFilter = {
 };
 
 export function getInitialRoute(filter: RouteFilter = {}) {
-  const routeFromQueryParams = getRouteFromQueryParams(filter);
+  const routeFromUrl = getRouteFromUrl(filter);
   const routeFromFilter = findEnabledRoute({
     inputTokenSymbol:
       filter.inputTokenSymbol ??
@@ -161,7 +162,7 @@ export function getInitialRoute(filter: RouteFilter = {}) {
     ...enabledRoutes[0],
     type: "bridge",
   };
-  return routeFromQueryParams ?? routeFromFilter ?? defaultRoute;
+  return routeFromUrl ?? routeFromFilter ?? defaultRoute;
 }
 
 export function findEnabledRoute(
@@ -373,9 +374,12 @@ export function getAllChains() {
     });
 }
 
-export function getRouteFromQueryParams(overrides?: RouteFilter) {
+export function getRouteFromUrl(overrides?: RouteFilter) {
   const params = new URLSearchParams(window.location.search);
 
+  const preferredToChainId =
+    chainEndpointToId[window.location.pathname.substring(1)];
+
   const fromChain =
     Number(
       params.get("from") ??
@@ -386,7 +390,8 @@ export function getRouteFromQueryParams(overrides?: RouteFilter) {
 
   const toChain =
     Number(
-      params.get("to") ??
+      preferredToChainId ??
+        params.get("to") ??
         params.get("toChain") ??
         params.get("destinationChainId") ??
         overrides?.toChain