Skip to content

feat: profile bubbles on user groups#30258

Merged
daibhin merged 1 commit intomasterfrom
err/dn-feat/profile-bubbles
Mar 21, 2025
Merged

feat: profile bubbles on user groups#30258
daibhin merged 1 commit intomasterfrom
err/dn-feat/profile-bubbles

Conversation

@daibhin
Copy link
Contributor

@daibhin daibhin commented Mar 20, 2025

Problem

Originally suggested https://posthog.slack.com/archives/C07AA937K9A/p1742398857325619

Changes

Before After
Screenshot 2025-03-20 at 22 23 20 Screenshot 2025-03-20 at 22 21 14

@daibhin daibhin requested review from a team, hpouillot, oliverb123 and zlwaterfield March 20, 2025 22:23
Copy link
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

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

PR Summary

Implemented profile bubbles in the user groups view to display member avatars, replacing the previous text-based member display with a more visual representation.

  • Added ProfileBubbles component in /frontend/src/scenes/settings/environment/UserGroups.tsx to display member avatars with tooltips
  • Implemented member mapping to transform user data into ProfileBubbles format with email, name, and title
  • Added expandable row functionality to show detailed member information when clicking on a group
  • Included fallback "No members" text for empty groups

1 file(s) reviewed, 2 comment(s)
Edit PR Review Bot Settings | Greptile

Comment on lines +41 to +45
people={members.map((user) => ({
email: user.email,
name: user.first_name,
title: `${user.first_name} <${user.email}>`,
}))}
Copy link
Contributor

Choose a reason for hiding this comment

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

style: Consider adding a fallback for last_name when first_name is not available. Currently only using first_name could lead to ambiguous identification.

title: 'Team',
dataIndex: 'name',
key: 'name',
width: 0,
Copy link
Contributor

Choose a reason for hiding this comment

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

style: Setting width to 0 may cause layout issues. Consider using a minimum width or flex-basis instead.

Copy link
Contributor

@zlwaterfield zlwaterfield left a comment

Choose a reason for hiding this comment

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

saweet

@github-actions
Copy link
Contributor

Size Change: -38 B (0%)

Total Size: 9.75 MB

ℹ️ View Unchanged
Filename Size Change
frontend/dist/toolbar.js 9.75 MB -38 B (0%)

compressed-size-action

@daibhin daibhin merged commit 695defe into master Mar 21, 2025
107 checks passed
@daibhin daibhin deleted the err/dn-feat/profile-bubbles branch March 21, 2025 10:10
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.

3 participants