Merge pull request #314 from mstable/chore/update-op-network-asset

chore: update op network asset
mstable · Feb 24, 2025 · 59a20c5 · 59a20c5
2 parents 8db3ed3 + 483a131
commit 59a20c5
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 21 deletions.
diff --git a/apps/lts/src/clients/wagmi.ts b/apps/lts/src/clients/wagmi.ts
@@ -17,13 +17,20 @@ import { configureChains, createClient } from 'wagmi';
 import { mainnet, optimism, polygon } from 'wagmi/chains';
 import { alchemyProvider } from 'wagmi/providers/alchemy';
 
-import type { Wallet } from '@rainbow-me/rainbowkit';
+import type { Chain as RainbowKitChain, Wallet } from '@rainbow-me/rainbowkit';
 import type { Chain, Connector } from 'wagmi';
 
+const optimismWithCustomIconUrl = {
+  ...optimism,
+  // https://www.rainbowkit.com/docs/custom-chains
+  iconUrl:
+    'https://firebasestorage.googleapis.com/v0/b/toros-leverage-bots.appspot.com/o/images%2Ficons%2Fnetworks%2Foptimism-network.png?alt=media&token=dc1a451a-1c89-4df3-b86f-9a3712068e4c',
+} as const satisfies RainbowKitChain;
+
 const POLLING_INTERVAL = 15_000;
 
 export const { chains, provider } = configureChains(
-  [mainnet, polygon, optimism],
+  [mainnet, polygon, optimismWithCustomIconUrl],
   [
     alchemyProvider({ apiKey: process.env['NX_ALCHEMY_MAIN_API_KEY'] }),
     alchemyProvider({ apiKey: process.env['NX_ALCHEMY_FALLBACK_API_KEY'] }),

diff --git a/apps/mstable/src/clients/wagmi.ts b/apps/mstable/src/clients/wagmi.ts
@@ -17,13 +17,20 @@ import { configureChains, createClient } from 'wagmi';
 import { optimism } from 'wagmi/chains';
 import { alchemyProvider } from 'wagmi/providers/alchemy';
 
-import type { Wallet } from '@rainbow-me/rainbowkit';
+import type { Chain as RainbowKitChain, Wallet } from '@rainbow-me/rainbowkit';
 import type { Chain, Connector } from 'wagmi';
 
+const optimismWithCustomIconUrl = {
+  ...optimism,
+  // https://www.rainbowkit.com/docs/custom-chains
+  iconUrl:
+    'https://firebasestorage.googleapis.com/v0/b/toros-leverage-bots.appspot.com/o/images%2Ficons%2Fnetworks%2Foptimism-network.png?alt=media&token=dc1a451a-1c89-4df3-b86f-9a3712068e4c',
+} as const satisfies RainbowKitChain;
+
 const POLLING_INTERVAL = 15_000;
 
 export const { chains, provider } = configureChains(
-  [optimism],
+  [optimismWithCustomIconUrl],
   [
     alchemyProvider({ apiKey: process.env['NX_ALCHEMY_MAIN_API_KEY'] }),
     alchemyProvider({ apiKey: process.env['NX_ALCHEMY_FALLBACK_API_KEY'] }),

diff --git a/libs/shared/icons/src/components/chains/Optimism.svg b/libs/shared/icons/src/components/chains/Optimism.svg
diff --git a/libs/shared/icons/src/components/chains/index.tsx b/libs/shared/icons/src/components/chains/index.tsx
@@ -24,7 +24,7 @@ export const Nightfall = (props: SvgIconProps) => (
   />
 );
 export const Optimism = (props: SvgIconProps) => (
-  <SvgIcon {...props} component={OptimismSvg} viewBox="0 0 500 500" />
+  <SvgIcon {...props} component={OptimismSvg} viewBox="0 0 48 48" />
 );
 export const Polygon = (props: SvgIconProps) => (
   <SvgIcon {...props} component={PolygonSvg} viewBox="0 0 100 100" />