feat: getChains for custom rainbowkit chains (wagmi v2)

[magiziz]

Changes

• Created getChains to create custom chains with iconUrl and iconBackground option
• Used getChains to have similar name as getDefaultWallets and getDefaultConfig

Screen recordings / screenshots

custom_chains.mov

What to test

• Test with getDefaultConfig:

const chains = getChains([
  { ...mainnet, iconUrl: "<icon_url>", iconBackground: "<icon_background>" },
  { ...polygon, iconUrl: "<icon_url>", iconBackground: "<icon_background>" },
]);

const config = getDefaultConfig({
  appName: "RainbowKit Demo",
  projectId,
  chains
});

• Test with createConfig:

const chains = getChains([
  { ...mainnet, iconUrl: "<icon_url>", iconBackground: "<icon_background>" },
  { ...polygon, iconUrl: "<icon_url>", iconBackground: "<icon_background>" },
]);

const config = createConfig({
  chains,
  transports: {
    [mainnet.id]: http(),
    [polygon.id]: http(),
  },
});

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
rainbowkit-example	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 22, 2024 9:50pm
rainbowkit-site	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 22, 2024 9:50pm

[magiziz]

Closing this since we went with another approach