feat: add chain Scroll (#2222)

rainbow-me · Oct 17, 2024 · 23179e5 · 23179e5
1 parent 5b8e146
commit 23179e5
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 1 deletion.
diff --git a/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/scroll.svg b/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/scroll.svg
diff --git a/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts b/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts
@@ -52,7 +52,9 @@ type ChainName =
   | 'zkSyncTestnet'
   | 'zora'
   | 'zoraSepolia'
-  | 'zoraTestnet';
+  | 'zoraTestnet'
+  | 'scroll'
+  | 'scrollSepolia';
 
 type IconMetadata = {
   iconUrl: () => Promise<string>;
@@ -164,6 +166,11 @@ const roninIcon: IconMetadata = {
   iconUrl: async () => (await import('./chainIcons/ronin.svg')).default,
 };
 
+const scrollIcon: IconMetadata = {
+  iconBackground: '#000000',
+  iconUrl: async () => (await import('./chainIcons/scroll.svg')).default,
+};
+
 const chainMetadataByName: Record<ChainName, ChainMetadata | null> = {
   arbitrum: { chainId: 42_161, name: 'Arbitrum', ...arbitrumIcon },
   arbitrumGoerli: { chainId: 421_613, ...arbitrumIcon },
@@ -218,6 +225,8 @@ const chainMetadataByName: Record<ChainName, ChainMetadata | null> = {
   zora: { chainId: 7777777, name: 'Zora', ...zoraIcon },
   zoraSepolia: { chainId: 999999999, ...zoraIcon },
   zoraTestnet: { chainId: 999, ...zoraIcon },
+  scroll: { chainId: 534352, ...scrollIcon },
+  scrollSepolia: { chainId: 534351, ...scrollIcon },
 };
 
 const chainMetadataById = Object.fromEntries(