Display a badge for project invite members
Overview
We recently added a new badge to the seat usage / billable members list that identifies billable members who are associated to the group via an "external" (to that group) shared group, here: !61366 (diffs)
We should also consider rendering a badge for when an external group is shared with a project, too, which means the membership_type
will be project_invite
, because those billable members also cannot be removed directly.
Proposal
Add an additional badge/condition, here: https://gitlab.com/gitlab-org/gitlab/blob/d25b1266877ac91fd886001c41db6a55eca74f65/ee/app/assets/javascripts/billings/seat_usage/components/subscription_seats.vue#L204
which checks for membership_type == 'project_invite'
and renders the badge accordingly
Reason
This may reduce confusion for our customers as to why a user is listed in billable members, without any groups listed underneath them
Screenshots
Availability & Testing
Frontend specs should be written for the badge display. When the account is "Group Invite", ensure the correct badge appears. Same for "Project Invite".