sui icon indicating copy to clipboard operation
sui copied to clipboard

wallet-ext: allow selecting the accounts to connect to dapp

Open pchrysochoidis opened this issue 3 years ago • 1 comments

  • adds WalletListSelect component that allows selecting between the accounts of the wallet and creating new ones
  • when multiaccounts is enabled while connecting to a dapp user is able to choose which accounts to connect
Screenshot 2023-02-18 at 21 17 55

When multiaccount is disabled Screenshot 2023-02-19 at 22 36 21

When multiaccount is enabled and user has more than one account

https://user-images.githubusercontent.com/10210143/219980417-79a944d4-b409-4046-832a-09d8b98b2c40.mov

NOTE: To check the accounts that are connected

  • switch between accounts and check the dapp status popup
  • or run
chrome.storage.local.get('permissions').then(({permissions: p}) => console.log(p['http://localhost:3000'].accounts))

in the console of the extension. Screenshot 2023-02-18 at 21 22 28

Closes APPS-283

pchrysochoidis avatar Feb 18 '23 21:02 pchrysochoidis

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

Name Status Preview Comments Updated
explorer ✅ Ready (Inspect) Visit Preview 💬 Add your feedback Feb 24, 2023 at 1:24AM (UTC)
explorer-storybook ✅ Ready (Inspect) Visit Preview 💬 Add your feedback Feb 24, 2023 at 1:24AM (UTC)
frenemies ✅ Ready (Inspect) Visit Preview 💬 Add your feedback Feb 24, 2023 at 1:24AM (UTC)
wallet-adapter ✅ Ready (Inspect) Visit Preview 💬 Add your feedback Feb 24, 2023 at 1:24AM (UTC)

vercel[bot] avatar Feb 18 '23 21:02 vercel[bot]

Looking good in general. A few UI details that need to be aligned with Figma,

Rounder corner spec image

Spacing of content inside both cards image

looks like a border is getting used for the rectangle. It should be a line that separates the bottom row from the content above instead. Please double check spacing, image

No need to show the toast when a new account is created. May be capture this in the new ticket you are going to create, image

mystie711 avatar Feb 21 '23 15:02 mystie711

@mystie711

About 'Rounder corner spec, this should be addressed by this ticket https://mysten.atlassian.net/browse/APPS-519. I will need to reuse some components from other PRs once merged will update this. (I just left it as it was for now)

About spacing/border ~will check~ Those have been fixed in another PR that will be merged together with this one so it's already addressed

Screenshot 2023-02-22 at 01 35 44

For creating New Account added this ticket

pchrysochoidis avatar Feb 21 '23 16:02 pchrysochoidis

Is there an updated video of this?

mystie711 avatar Feb 23 '23 15:02 mystie711

Is there an updated video of this?

this is how it would be after merging this one

Screenshot 2023-02-23 at 15 57 16

https://user-images.githubusercontent.com/10210143/220960280-b832d243-4bf7-40e5-bcae-e292d210fd53.mov

pchrysochoidis avatar Feb 23 '23 16:02 pchrysochoidis