Create a Custom Connect Wallet

[0xPratik]

Currently the solana wallet ui library is being used but it is expected to change in this way with the correct theme

[muneeb-i-khan]

Can I work on this issue?

[0xPratik]

Ya sure feel free to ping me if you get any issues

[muneeb-i-khan]

So can you please list out the tasks that I have to do clearly? @0xPratik

Like the theme and behavior I need to implement.

[muneeb-i-khan]

I changed the wallet button theme to the theme of the app. Please check it and tell me if any other changes are to be made.

[0xPratik]

https://www.figma.com/file/iWj4Ax7H9xsp9K6yD4KVnl/My-Copy?node-id=1%3A48&t=qy8GusJUURO4reDd-0

[0xPratik]

In the Figma there is the correct color for the connect wallet button and instead of the default modal that is coming from the solana-wallet-ui i expect there to be a menu with a dropdown. The menu should be like the one i shared above and this component could be used to implement https://chakra-ui.com/docs/components/menu/usage

[0xPratik]

The Active and hover color for the menu Items can be taken from the Network button which is side of connect wallet.

[muneeb-i-khan]

@0xPratik I made the dropdown and changed the UI according to the figma file. The app can connect to phantom wallet only but lists all wallets. Maybe you can suggest me how to connect all wallets or you can open a separate issue for that and I will start working on that right away.

[abheektripathy]

@0xPratik would like to work on this.