diff --git a/.changeset/orange-mayflies-train.md b/.changeset/orange-mayflies-train.md new file mode 100644 index 0000000000..9189599676 --- /dev/null +++ b/.changeset/orange-mayflies-train.md @@ -0,0 +1,6 @@ +--- +"@rainbow-me/rainbowkit": patch +"example": patch +--- + +Add icon for Celo chain diff --git a/packages/example/src/wagmi.ts b/packages/example/src/wagmi.ts index 10b11ccbe8..f4fa146220 100644 --- a/packages/example/src/wagmi.ts +++ b/packages/example/src/wagmi.ts @@ -64,6 +64,8 @@ import { blast, blastSepolia, bsc, + celo, + celoAlfajores, holesky, klaytn, klaytnBaobab, @@ -145,6 +147,7 @@ export const config = getDefaultConfig({ klaytn, sei, mantle, + celo, ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [ sepolia, @@ -159,6 +162,7 @@ export const config = getDefaultConfig({ zetachainAthensTestnet, klaytnBaobab, mantleTestnet, + celoAlfajores, ] : []), ], diff --git a/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/celo.svg b/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/celo.svg new file mode 100644 index 0000000000..13af689843 --- /dev/null +++ b/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/celo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts b/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts index 6f535ab7d4..a68b6c8128 100644 --- a/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts +++ b/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts @@ -9,6 +9,8 @@ type ChainName = | 'arbitrumSepolia' | 'avalanche' | 'avalancheFuji' + | 'celo' + | 'celoAlfajores' | 'cronos' | 'cronosTestnet' | 'base' @@ -87,6 +89,11 @@ const bscIcon: IconMetadata = { iconUrl: async () => (await import('./chainIcons/bsc.svg')).default, }; +const celoIcon: IconMetadata = { + iconBackground: '#FCFF52', + iconUrl: async () => (await import('./chainIcons/celo.svg')).default, +}; + const cronosIcon: IconMetadata = { iconBackground: '#002D74', iconUrl: async () => (await import('./chainIcons/cronos.svg')).default, @@ -170,6 +177,8 @@ const chainMetadataByName: Record = { blastSepolia: { chainId: 168_587_773, ...blastIcon }, bsc: { chainId: 56, name: 'BSC', ...bscIcon }, bscTestnet: { chainId: 97, ...bscIcon }, + celo: { chainId: 42220, name: 'Celo', ...celoIcon }, + celoAlfajores: { chainId: 44787, name: 'Celo Alfajores', ...celoIcon }, cronos: { chainId: 25, ...cronosIcon }, cronosTestnet: { chainId: 338, ...cronosIcon }, goerli: { chainId: 5, ...ethereumIcon },