Skip to content

Update desktop & mobile NavBar's UserAvatar menu#1452

Merged
davinotdavid merged 6 commits intomainfrom
update-header-nav-user-avatar-menu
Jan 22, 2026
Merged

Update desktop & mobile NavBar's UserAvatar menu#1452
davinotdavid merged 6 commits intomainfrom
update-header-nav-user-avatar-menu

Conversation

@davinotdavid
Copy link
Contributor

Description of the Change

  • Updated desktop and mobile NavBar to match the prototypes in Figma
  • Fixed an issue where logging out would briefly show an unauthorized route
  • Fixed an issue where the useTimeAgoIntl composable during the render in the Dashboard could cause a render error since we might not yet have fetched the user data
  • Removed ReportBug view and related files since we are prioritizing the contact form for issues and the route is no longer accessible from anywhere (last place was the mobile navigation)

Note

If you haven't already, you need VITE_TB_ACCOUNT_DASHBOARD_URL and VITE_SUPPORT_URL env vars set!

Screenshots

Desktop (Light mode)
image

Desktop (Dark mode)
image

Mobile (Light mode)
image

Mobile (Dark mode)
image

Benefits

  • Better alignment with other TB Pro services on navigation
  • No more flashing of the unauthorized route upon logout

Applicable Issues

Fixes #1409

@MelissaAutumn
Copy link
Member

This looks good! I wonder if we should move it as a pattern in services-ui though 🤔

@MelissaAutumn
Copy link
Member

I'll review this as-is right now, and we can cut a ticket for moving it to services-ui for shared use.

@davinotdavid
Copy link
Contributor Author

@MelissaAutumn oh indeed it makes sense for it to become a pattern in services-ui, yes! I've cut a ticket for it here:

thunderbird/services-ui#212

Copy link
Contributor

@rwood-moz rwood-moz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good, and works great when I tried it locally.

Copy link
Member

@MelissaAutumn MelissaAutumn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good, for another issue though we'll want to figure out why logout isn't asking for user confirmation.

@davinotdavid
Copy link
Contributor Author

Thanks for the reviews @rwood-moz and @MelissaAutumn !

Opened up an issue for prompting a logout confirmation #1456

@davinotdavid davinotdavid merged commit ed4c81f into main Jan 22, 2026
8 checks passed
@davinotdavid davinotdavid deleted the update-header-nav-user-avatar-menu branch January 22, 2026 19:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Update UserAvatar with a dropdown menu for standardized navigation

3 participants