feat: add zetachain metadata (#1897)

* add zetachain icon * feat: add zetachain logo * chore: tweak * revert: add to site * fix: naming * fix: changeset --------- Co-authored-by: Magomed Khamidov <53529533+KosmosKey@users.noreply.github.com> Co-authored-by: Daniel Sinclair <d@niel.nyc>
rainbow-me · Apr 1, 2024 · 81ba812 · 81ba812
1 parent cc82ed3
commit 81ba812
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 0 deletions.
diff --git a/.changeset/flat-maps-clean.md b/.changeset/flat-maps-clean.md
@@ -0,0 +1,6 @@
+---
+"@rainbow-me/rainbowkit": patch
+"example": patch
+---
+
+Added support for `zetachain` and `zetachainAthensTestnet` testnet chain
diff --git a/packages/example/pages/_app.tsx b/packages/example/pages/_app.tsx
@@ -87,6 +87,8 @@ import {
   polygonMumbai,
   ronin,
   sepolia,
+  zetachain,
+  zetachainAthensTestnet,
   zkSync,
   zora,
   zoraSepolia,
@@ -135,6 +137,7 @@ const config = getDefaultConfig({
     zora,
     blast,
     zkSync,
+    zetachain,
     ronin,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true'
       ? [
@@ -147,6 +150,7 @@ const config = getDefaultConfig({
           zoraSepolia,
           blastSepolia,
           avalancheFuji,
+          zetachainAthensTestnet,
         ]
       : []),
   ],

diff --git a/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/zetachain.svg b/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/zetachain.svg
diff --git a/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts b/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts
@@ -36,6 +36,8 @@ type ChainName =
   | 'sepolia'
   | 'xdc'
   | 'xdcTestnet'
+  | 'zetachain'
+  | 'zetachainAthensTestnet'
   | 'zkSync'
   | 'zkSyncTestnet'
   | 'zora'
@@ -107,6 +109,11 @@ const xdcIcon: IconMetadata = {
   iconUrl: async () => (await import('./chainIcons/xdc.svg')).default,
 };
 
+const zetachainIcon: IconMetadata = {
+  iconBackground: '#000000',
+  iconUrl: async () => (await import('./chainIcons/zetachain.svg')).default,
+};
+
 const zkSyncIcon: IconMetadata = {
   iconBackground: '#f9f7ec',
   iconUrl: async () => (await import('./chainIcons/zkSync.svg')).default,
@@ -155,6 +162,12 @@ const chainMetadataByName: Record<ChainName, ChainMetadata | null> = {
   sepolia: { chainId: 11_155_111, ...ethereumIcon },
   xdc: { chainId: 50, name: 'XinFin', ...xdcIcon },
   xdcTestnet: { chainId: 51, ...xdcIcon },
+  zetachain: { chainId: 7000, name: 'ZetaChain', ...zetachainIcon },
+  zetachainAthensTestnet: {
+    chainId: 7001,
+    name: 'Zeta Athens',
+    ...zetachainIcon,
+  },
   zkSync: { chainId: 324, name: 'zkSync', ...zkSyncIcon },
   zkSyncTestnet: { chainId: 280, ...zkSyncIcon },
   zora: { chainId: 7777777, name: 'Zora', ...zoraIcon },