feat: add Celo blockchain (#2146)

* feat: add Celo blockchain * chore: tweak changeset --------- Co-authored-by: Daniel Sinclair <[email protected]>
rainbow-me · Aug 17, 2024 · f65b5c4 · f65b5c4
1 parent 595c84d
commit f65b5c4
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 0 deletions.
diff --git a/.changeset/orange-mayflies-train.md 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
@@ -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
diff --git 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<ChainName, ChainMetadata | null> = {
   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 },