refactor: Remove duplicated AvatarGroup
CSS and familiar followers cleanup
#34681
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
References MAS-352
Fixes #34691
Changes proposed in this PR:
.avatar-pile
class (used on "Edit list" screen) & merges its unique styles (a slight rotation of the first two avatars) into the new.avatar-group--compact
class introduced in feat: Add "Followers you know" widget to user profiles #34652AvatarGroup
on "Edit list" screenAvatarGroup
to use thechildren
prop rather thanaccountIds
for more flexibility around the rendering of theAvatar
component and to avoid having to pass through lots of Avatar-related props. Example of the new component API:withLink = false
toAvatar
which wraps the avatar in a link and attaches the hover-card class. (Previously this was part ofAvatarGroup
)<Avatar account />
prop to only require properties that are actually used, allowing the component to be used with data that doesn't come from Redux or Immutability.jsdisplay_name
Screenshots