[FE] View assigned users in a role

From &14173

UX Proposal

Design Issue: [Design] View role and their assigned users (#455078 - closed)

Figma File: User Details

Interaction	New
Unexpanded View	Navigating to users tab shows a list of users that are assigned this role with direct membership to groups and projects Badge indicates number of users with assigned role, this should match number of rows Copy gives context to users on what table lists You’re viewing users with assigned role of [Role name]. Make changes to user’s role in the group or project member page. Table row is expandable Table columns contain user, direct membership summary of number of groups and projects, when user is created and last activity date Ability to search by user, text in search box at default is Search users (3 character minimum)
Expanded	Expanded view Expanding the row will list out specific group and project namespace Link will take them to the group or project page Columns in expanded section include when user's access is granted, when user access expires in the group and their last activity List out groups and project based on most recent activity
Search criteria no results empty state	When searching yields no result, show empty state. Title: No results found Description: Edit your criteria and try again. Use illustration: search
Empty state for no users assigned	When no users are assigned a role Title: Assign role to a group or project member Description: Users are assigned a role when they are added as members to a group or project. Invite a user to a group or project, or change an existing group or project member's role. group in description is linked to: https://docs.gitlab.com/ee/user/group/#add-users-to-a-group project in description is linked to: https://docs.gitlab.com/ee/user/project/members/#add-users-to-a-project Use illustration: user settings