display ETH as WETH on swap-related pages

fluidity-money · Dec 17, 2024 · 91cb687 · 91cb687
1 parent 5962791
commit 91cb687
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 6 deletions.
diff --git a/web/src/app/swap/explore/page.tsx b/web/src/app/swap/explore/page.tsx
@@ -92,10 +92,19 @@ const ExplorePage = () => {
     [fUSDC],
   );
 
-  const tokensData = useMemo(
-    () => [fUSDCData, ...(tokensData_ ?? [])],
-    [fUSDCData, tokensData_],
-  );
+  const tokensData = useMemo(() => {
+    // Override WETH name to ETH on swap-related pages
+    const tokens =
+      tokensData_?.map((t) => ({
+        ...t,
+        token: {
+          ...t.token,
+          symbol: t.token.symbol === "WETH" ? "ETH" : t.token.symbol,
+          name: t.token.name === "WETH" ? "ETH" : t.token.name,
+        },
+      })) ?? [];
+    return [fUSDCData, ...tokens];
+  }, [fUSDCData, tokensData_]);
 
   const showMockData = useFeatureFlag("ui show demo data");
 

diff --git a/web/src/stores/useSwapStore.ts b/web/src/stores/useSwapStore.ts
@@ -41,8 +41,23 @@ export const useSwapStore = create<SwapStore>((set) => ({
   token0: EmptyToken,
   token1: EmptyToken,
 
-  setToken0: (token) => set({ token0: token }),
-  setToken1: (token) => set({ token1: token }),
+  // Override WETH name to ETH on swap-related pages
+  setToken0: (token) =>
+    set({
+      token0: {
+        ...token,
+        symbol: token.symbol === "WETH" ? "ETH" : token.symbol,
+        name: token.name === "WETH" ? "ETH" : token.name,
+      },
+    }),
+  setToken1: (token) =>
+    set({
+      token1: {
+        ...token,
+        symbol: token.symbol === "WETH" ? "ETH" : token.symbol,
+        name: token.name === "WETH" ? "ETH" : token.name,
+      },
+    }),
   flipTokens: () => {
     set(
       ({