diff --git a/apps/lts/src/clients/wagmi.ts b/apps/lts/src/clients/wagmi.ts index fed72b73..49d1331d 100644 --- 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 index 2d564b10..33e71730 100644 --- 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 index 43e8f308..b5960e4d 100644 --- a/libs/shared/icons/src/components/chains/Optimism.svg +++ b/libs/shared/icons/src/components/chains/Optimism.svg @@ -1,17 +1,5 @@ - - - - - + + + + diff --git a/libs/shared/icons/src/components/chains/index.tsx b/libs/shared/icons/src/components/chains/index.tsx index 6f095d24..6fcd089f 100644 --- 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) => ( - + ); export const Polygon = (props: SvgIconProps) => (