New Component: Switch Chain Modal

[0xTijan]

Many dApps require a functionality for user to be able to switch chains. Even though this component wouldn't use Moralis it could still be a nice useful component for the web3uikit.

[BillyG83]

@0xTijan can you outline how this would work?

[0xTijan]

Hey Bill 👋

This would be a dropdown or modal (not sure yet) like in the 1inch or gnosis safe apps for example. When user selects a chain they want to switch to, Metamask pops up for user to approve that. The component would need to have at least 2 props:

• currentChain
• and chainList - array of wanted chains (EVM) to be in the dropdown or modal

But after looking at a dropdown component this new switch chain component maybe isn't needed at all? 😅

1inch example

Gnosis Safe example

[AbhinavMV]

It would have been a nice addition but since moralis servers are going to be deprecated soon i don't think adding this to web3 package is worth it sorry 😅
but we can add it to the new package once we have it ready in future what do you think?

[0xTijan]

Yeah, makes sense 😃

[BillyG83]

yeah i'm pretty close to adding the new web3 section @0xTijan , just some final things to workout about how to use NextJS pages with server side rendering in Storybook and make it useful to export to the end dev. Then this will be very nice. I do not think we need more UI for it, maybe just an array of chains would be passed and we would render the @AbhinavMV Select Component with the correct text and logos, then on change it could return the chain ID

[BillyG83]

i marked this blocked for now until i have the new slice ready, but you could actually add it to the Form section for now if you want @0xTijan

[BillyG83]

FYI @0xTijan i have added this to web3

I am using this tag to collect ideas for the next iteration of the web3 section of the kit and i think this is a great idea! 🤩