To be able to access a user's account information securely, we're going to allow a user to "attach" and "detach" accounts. This will happen through the "connect" button in the top-right of the page.
Let's take a look at the dropdown itself. First, it has an empty state which new users will first encounter.
For the connected state, we will have a dropdown selector that has the following functionality:
Select active account
List all attached accounts
Detach account
Detach all accounts
Attach a new account
The Detach account functionality (the X) only shows on hover.
The Attach an Account functionality opens the Attach an Account Modal.
Disconnect all removes all accounts, and should clear the local storage, leaving a clean reset state.
To be able to access a user's account information securely, we're going to allow a user to "attach" and "detach" accounts. This will happen through the "connect" button in the top-right of the page.
Let's take a look at the dropdown itself. First, it has an empty state which new users will first encounter.
For the connected state, we will have a dropdown selector that has the following functionality:
The Detach account functionality (the X) only shows on hover.
The Attach an Account functionality opens the Attach an Account Modal.
Disconnect all removes all accounts, and should clear the local storage, leaving a clean reset state.