[SG-20] End User Vault Refresh] Account Menu updates

eliykat commented 2 years ago

Type of change

[ ] Bug fix
[x] New feature development
[ ] Tech debt (refactoring, code cleanup, dependency upgrades, etc)
[ ] Build/deploy pipeline (DevOps)
[ ] Other

Objective

Account menu updates for End User Vault Refresh:

rename "My Account" to "Account Settings"
use the Component Library menu + Tailwind

Out of scope: we are not changing the button to use the Avatar component due to unresolved contrast issues.

Depends on https://github.com/bitwarden/jslib/pull/761.

Code changes

As above

Screenshots

Screen Shot 2022-04-14 at 11 11 42 am

Screen Shot 2022-04-14 at 11 11 54 am

This is a slight change because the menu opens to the right and crosses out of the app area on large screens. I'm checking with design whether this is okay.

Testing requirements

Regression testing on this menu + its buttons.

Before you submit

[x] I have checked for linting errors (npm run lint) (required)
[ ] This change requires a documentation update (notify the documentation team)
[ ] This change has particular deployment requirements (notify the DevOps team)

vincentsalucci commented 2 years ago

@eliykat This PR should be targeting feature/endUserVaultRefresh.

addisonbeck commented 2 years ago

Gonna merge this so I can use it. Thanks @eliykat !

bitwarden / web