Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UserAvatar font-size consistency #772

Merged
merged 4 commits into from
Dec 6, 2023
Merged

UserAvatar font-size consistency #772

merged 4 commits into from
Dec 6, 2023

Conversation

mattcorner
Copy link
Contributor

@mattcorner mattcorner commented Nov 17, 2023

Changes

While reviewing some recent VIRTO.ID migration work, it was noted that the UserAvatar component used in the UserMenu, and the UserAvatar component used elsewhere had different font sizes. I confirmed with @Sowbhagya-ipg that she would like them to be consistent.

Previously the UserMenu was creating its own internal UserAvatar component. I have switched this over to use our own UserAvatar component. This component now accepts an sx prop so that UserMenu can apply the additional styles that it needs.

UI/UX

UserMenu
image

UserAvatar
image

Testing notes

You can test UserAvatar and UserMenu in storybook using lightmode and dark mode.

I have also added tests for both components to check font-size.

Author checklist before assigning a reviewer

  • Reviewed my own code-diff.
  • PR assigned to me or an appropriate delegate.
  • Relevant labels added to the PR.
  • Appropriate tests have been added.
  • Lint and test workflows pass. Passing on Windows and Linux. Unrelated tests failing on MacOS. I don't think they should stop this being merged.

@mattcorner mattcorner force-pushed the bug/avatar-font-size branch from 4c28e5c to 0a40d4c Compare December 6, 2023 09:14
@mattcorner mattcorner self-assigned this Dec 6, 2023
@mattcorner mattcorner added the bug Something isn't working label Dec 6, 2023
@mattcorner
Copy link
Contributor Author

@VictorCLLucas you VehicleSelect tests are still flaky. They've failed on this branch despite no related code changing.

@VictorCLLucas
Copy link
Contributor

@VictorCLLucas you VehicleSelect tests are still flaky. They've failed on this branch despite no related code changing.

I did not see this behavior when I raised the PR. Does it pass when you retry?

@Sowbhagya-ipg
Copy link

LGTM

Copy link
Contributor

@syedsalehinipg syedsalehinipg left a comment

Choose a reason for hiding this comment

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

LGTM.

@mattcorner mattcorner merged commit 6468870 into main Dec 6, 2023
3 checks passed
@mattcorner mattcorner deleted the bug/avatar-font-size branch December 6, 2023 16:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants