feat: Flow chain support (#2251)

* flow wallet * flow provider * format * Revert "flow wallet" This reverts commit 405f811. * fix icon * chore: changeset --------- Co-authored-by: Daniel Sinclair <[email protected]>
rainbow-me · Nov 28, 2024 · 0c6af55 · 0c6af55
1 parent 83fe6e5
commit 0c6af55
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/.changeset/poor-wasps-joke.md b/.changeset/poor-wasps-joke.md
@@ -0,0 +1,5 @@
+---
+"@rainbow-me/rainbowkit": patch
+---
+
+Added icon for Flow chain
diff --git a/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/flow.svg b/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/flow.svg
diff --git a/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts b/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts
@@ -20,6 +20,8 @@ type ChainName =
   | 'blastSepolia'
   | 'bsc'
   | 'bscTestnet'
+  | 'flow'
+  | 'flowTestnet'
   | 'goerli'
   | 'gnosis'
   | 'hardhat'
@@ -106,6 +108,11 @@ const ethereumIcon: IconMetadata = {
   iconUrl: async () => (await import('./chainIcons/ethereum.svg')).default,
 };
 
+const flowIcon: IconMetadata = {
+  iconBackground: 'transparent',
+  iconUrl: async () => (await import('./chainIcons/flow.svg')).default,
+};
+
 const gnosisIcon: IconMetadata = {
   iconBackground: '#04795c',
   iconUrl: async () => (await import('./chainIcons/gnosis.svg')).default,
@@ -188,6 +195,8 @@ const chainMetadataByName: Record<ChainName, ChainMetadata | null> = {
   celoAlfajores: { chainId: 44787, name: 'Celo Alfajores', ...celoIcon },
   cronos: { chainId: 25, ...cronosIcon },
   cronosTestnet: { chainId: 338, ...cronosIcon },
+  flow: { chainId: 747, ...flowIcon },
+  flowTestnet: { chainId: 545, ...flowIcon },
   goerli: { chainId: 5, ...ethereumIcon },
   gnosis: { chainId: 100, name: 'Gnosis', ...gnosisIcon },
   hardhat: { chainId: 31_337, ...hardhatIcon },