Skip to content

Fix: avatar group buggy with +0#7044

Merged
PeerRich merged 6 commits intocalcom:mainfrom
amirfakhrullah:fix/cal-1038
Feb 11, 2023
Merged

Fix: avatar group buggy with +0#7044
PeerRich merged 6 commits intocalcom:mainfrom
amirfakhrullah:fix/cal-1038

Conversation

@amirfakhrullah
Copy link
Copy Markdown
Contributor

@amirfakhrullah amirfakhrullah commented Feb 10, 2023

What does this PR do?

Fix AvatarGroups component to follow: https://www.figma.com/file/9MOufQNLtdkpnDucmNX10R/%E2%9D%96-Cal-DS?node-id=1573%3A77871&t=I8UQXj6AtCkQ0f0E-0

Fixes #7032
Screenshot 2023-02-11 at 4 18 03 AM

In-case the truncated avatars are more that 1 digits
Screenshot 2023-02-11 at 4 18 45 AM

For this video, behind the scenes (on my IDE) I'm changing the truncatedAfter prop value from 3 -> 1 -> 2 -> 3 -> 4. You can see the behaviour as below:

Screen.Recording.2023-02-11.at.2.15.33.PM.mov

Environment: Staging(main branch) / Pr

Type of change

  • Bug fix (non-breaking change which fixes an issue)

How should this be tested?

  • Run locally and open a dynamic collective event booking page

@vercel
Copy link
Copy Markdown

vercel Bot commented Feb 10, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated
cal ✅ Ready (Inspect) Visit Preview 💬 Add your feedback Feb 11, 2023 at 3:41PM (UTC)
ui ✅ Ready (Inspect) Visit Preview 💬 Add your feedback Feb 11, 2023 at 3:41PM (UTC)

@vercel
Copy link
Copy Markdown

vercel Bot commented Feb 10, 2023

@amirfakhrullah is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

Comment thread packages/ui/components/avatar/AvatarGroup.tsx Outdated
Comment on lines +46 to +48
"relative -mr-[4px] mb-1 inline-flex justify-center overflow-hidden rounded-full bg-darkgray-300",
props.size === "sm" ? "min-w-6 h-6" : "min-w-16 h-16"
)}>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

after seeing bg-black in action i decided to change it to bg-darkgray-300

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

@PeerRich I saw that the lint workflow failed due to the classname order rule, so I pushed a commit to fix that

@PeerRich PeerRich enabled auto-merge (squash) February 11, 2023 16:25
@PeerRich PeerRich merged commit f87254c into calcom:main Feb 11, 2023
@amirfakhrullah amirfakhrullah deleted the fix/cal-1038 branch February 11, 2023 16:29
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.

[CAL-1038] avatar group buggy with +0

2 participants