search

EveripediaNetwork / issues

Issues repo
9 stars 0 forks source link

Addition of the wallet functionality on iqgpt profile #2752

Closed Softdev1 closed 2 weeks ago

Softdev1 commented 3 weeks ago

Description

Right now, there is no way for the user to access the wallet functionality. The magic wallet will likely just require calling a method, so it should be very simple to implement. A button will need to be created to check if the user is logged in using magic (email, socials), and then display the wallet accordingly. here is the link to help to call the method to be used https://magic.link/docs/wallets/customization/widget-ui

Simplypheyie96 commented 3 weeks ago

Figma link

https://www.figma.com/design/l3Jdhi241tWzlGS6DJoTdo/IQ-GPT?node-id=9418-141724&t=X56rs164qcCCkUpH-11

Solution

Image

image

Tooltip

SidharthK2 commented 3 weeks ago

Figma link

https://www.figma.com/design/l3Jdhi241tWzlGS6DJoTdo/IQ-GPT?node-id=9418-141724&t=X56rs164qcCCkUpH-11

Solution

  • I changed the positions for the "copy, refresh and etherscan" buttons and added a wallet icon on the right.
  • I have also implemented a method to identify user addresses based on their connection type. If the user is connected via MetaMask (or other similar wallets), or if they used Magic Wallet (social IDs), clicking on the wallet icon will open the corresponding wallet. Specifically, it will open Magic Wallet for users connected through it, or the respective wallet for those who connected using MetaMask or similar options.

Image

image

Tooltip

  • I added a tooltip for when users hover on the wallet icon so that they can understand it's function. image

We can have it conditionally render if magic is detected, as regular wallet balances are there anyway.