-
Notifications
You must be signed in to change notification settings - Fork 48
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
Add AlphaAvatarGroup
component
#2177
Add AlphaAvatarGroup
component
#2177
Conversation
- add default valut to `max` props - remove unused eventhandler props - remove `ellipsisStyle`, `ellipsisClassName` props
- remove padding right of count text - modify selector for size
- use types from AlphaAvatar - rm AvatarGroupEllipsisType export - add 16 to avatar size
🦋 Changeset detectedLatest commit: 4d2a295 The changes in this PR will be included in the next version bump. This PR includes changesets to release 2 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
Chromatic Report🚀 Congratulations! Your build was successful! |
…tar count is less than max
Codecov ReportAttention: Patch coverage is
Additional details and impacted files@@ Coverage Diff @@
## main #2177 +/- ##
==========================================
+ Coverage 86.80% 86.83% +0.03%
==========================================
Files 128 130 +2
Lines 2735 2803 +68
Branches 815 828 +13
==========================================
+ Hits 2374 2434 +60
- Misses 332 340 +8
Partials 29 29 ☔ View full report in Codecov by Sentry. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
불필요하게 열어주는 속성을 제거했습니다. ellipsisStyle, ellipsisClassName, onMouseEnterEllipsis, onMouseLeaveEllipsis속성이 없어졌습니다.
구현할 당시 ellipsis에 Tooltip 등을 보여주는 케이스를 고려했던건데, 현재 데스크 기준 사용처가 없으므로 일단 제거해도 무방할 거 같습니다 👍
} | ||
} | ||
|
||
function getSpreadRadius(size: AvatarSize) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
마이너) getShadow 함수 내부로 인라인해도 될 거 같아요.
const avatarGroupContext = useAvatarGroupContext() | ||
const size = avatarGroupContext?.size ?? sizeProps |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. # Releases ## @channel.io/[email protected] ### Patch Changes - Implement `AlphaAvatar` component. ([#2162](#2162)) by @yangwooseong - Add `AlphaAvatarGroup` component ([#2177](#2177)) by @yangwooseong - Updated dependencies - @channel.io/[email protected] ## @channel.io/[email protected] ### Patch Changes - Add `opacity-disabled` to alpha token. ([#2162](#2162)) by @yangwooseong - Fix the value of alpha color.cobalt.300 ([#2160](#2160)) by @sungik-choi ## [email protected] ### Patch Changes - Updated dependencies - @channel.io/[email protected] Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. # Releases ## @channel.io/[email protected] ### Patch Changes - Implement `AlphaAvatar` component. ([channel-io#2162](channel-io#2162)) by @yangwooseong - Add `AlphaAvatarGroup` component ([channel-io#2177](channel-io#2177)) by @yangwooseong - Updated dependencies - @channel.io/[email protected] ## @channel.io/[email protected] ### Patch Changes - Add `opacity-disabled` to alpha token. ([channel-io#2162](channel-io#2162)) by @yangwooseong - Fix the value of alpha color.cobalt.300 ([channel-io#2160](channel-io#2160)) by @sungik-choi ## [email protected] ### Patch Changes - Updated dependencies - @channel.io/[email protected] Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Self Checklist
Related Issue
Summary
AlphaAvatarGroup
컴포넌트를 구현합니다.Details
ellipsisStyle
,ellipsisClassName
,onMouseEnterEllipsis
,onMouseLeaveEllipsis
속성이 없어졌습니다.Breaking change? (Yes/No)
References