feat: display USDC instead of fUSDC on mainnet

Co-Authored-By: [email protected] <[email protected]>

web/src/config/tokens.ts

@@ -7,10 +7,17 @@ import { useSwapStore } from "@/stores/useSwapStore";
 import { EmptyToken } from "@/lib/utils";
 import { useStakeStore } from "@/stores/useStakeStore";
 import { useChainId } from "wagmi";
-import { allChains, useChain } from "./chains";
+import { allChains, superpositionMainnet, useChain } from "./chains";
 
 export type ChainIdTypes = (typeof allChains)[number]["id"];
 
+function getDisplaySymbol(symbol: string, chainId: number): string {
+  if (chainId === superpositionMainnet.id && symbol.toLowerCase() === "fusdc") {
+    return "USDC";
+  }
+  return symbol;
+}
+
 export type Token = {
   address: `0x${string}`;
   symbol: string;
@@ -92,6 +99,7 @@ export function useTokens(token?: "default" | string) {
           ...t.token,
           address: t.token.address as `0x${string}`,
           icon: t.token.image,
+          symbol: getDisplaySymbol(t.token.symbol, chainId),
           ...(isGasToken(t.token.symbol)
             ? {
                 abi: WETH10,
@@ -105,7 +113,7 @@ export function useTokens(token?: "default" | string) {
       }),
       {} as { [symbol: string]: Token },
     );
-  }, [tokensData, fusdcData_, isGasToken]);
+  }, [tokensData, fusdcData_, isGasToken, chainId]);
   const isTokens = fusdcData_ && tokensData;
 
   const DefaultToken = isTokens