-
-
Notifications
You must be signed in to change notification settings - Fork 4.6k
feat(dynamic-groups): Add progress bar to aggregate tags #105878
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
Conversation
Adds a progress bar style indicator and moves the tooltip with more details to the progress bar.
| const totalCount = tag.totalValues; | ||
| const topValuePct = | ||
| topValue && totalCount > 0 ? Math.round((topValue.count / totalCount) * 100) : null; | ||
| const barValues = tag.topValues.slice(0, 4); |
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.
Bar shows 4 segments but tooltip explains only 3
Low Severity
The new inline progress bar displays up to 4 value segments via barValues = tag.topValues.slice(0, 4), but the TagDistributionPreview tooltip still uses slice(0, 3) to show only 3 values. When users hover over the bar, the 4th colored segment won't have a corresponding entry in the tooltip legend, creating a confusing visual mismatch between what the bar displays and what the tooltip explains.
Additional Locations (1)
| border-radius: 3px; | ||
| overflow: hidden; | ||
| background: ${p => p.theme.backgroundSecondary}; | ||
| box-shadow: inset 0 0 0 1px ${p => p.theme.translucentBorder}; |
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.
With the exception of this one, I think they could all be either a flex or a container component. Whats the use case for the inset shadow here? Avoiding an external border?
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.
going to delete them, i promise
# Conflicts: # static/app/views/issueList/pages/topIssues.tsx
Adds a progress bar style indicator and moves the tooltip with more details to the progress bar.