Page MenuHomePhabricator

[native] introduce profileLarge avatar size
ClosedPublic

Authored by ginsu on Aug 22 2023, 9:00 AM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Nov 14, 7:26 AM
Unknown Object (File)
Thu, Nov 14, 7:26 AM
Unknown Object (File)
Thu, Nov 14, 7:26 AM
Unknown Object (File)
Thu, Nov 14, 7:25 AM
Unknown Object (File)
Thu, Nov 14, 7:08 AM
Unknown Object (File)
Oct 15 2024, 7:40 PM
Unknown Object (File)
Oct 15 2024, 6:01 AM
Unknown Object (File)
Oct 15 2024, 6:01 AM
Subscribers

Details

Summary

In the profiles design we introduce a new avatar size (90 x 90). The closest size we had that could match was profile but it is 112x112. Ted and I tried using 112x112, but agreed that it was too big. I figured that the best approach here would be to make the profile size be 90x90, and introduced profileLarge that would be 112x112 (the old profile size).

Screenshot 2023-08-22 at 11.55.09 AM.png (2×3 px, 1 MB)

Test Plan

flow and confirmed in all places where we rendered an avatar with the profile size that there were no regressions when I updated them

Diff Detail

Repository
rCOMM Comm
Lint
No Lint Coverage
Unit
No Test Coverage

Event Timeline

native/avatars/avatar.react.js
10–15 ↗(On Diff #30234)

Noticed that we were copying and pasting this line pretty frequently so created an official type for this

ginsu requested review of this revision.Aug 22 2023, 9:17 AM
atul accepted this revision.EditedAug 25 2023, 1:36 PM

IMO it's a little confusing that we have like generic micro and small but then also usage specific profile size names. Personally would prefer something "standard" so progression of sizes is clear. Like it's not super clear where profile sits relative to eg small and large.

Linear uses "T-Shirt sizes" like XS, S, M, L, XL, XLL, etc. which may be a better approach?

Not a huge deal, but maybe something to think about when we're creating variants of components in design system

This revision is now accepted and ready to land.Aug 25 2023, 1:36 PM

https://linear.app/comm/issue/ENG-4815/update-avatar-size-variants-to-use-t-shirt-sizes

Created this linear task to track your feedback. Will try and get to it later this week

This revision was automatically updated to reflect the committed changes.