[Dashboard] Team Members

[svenefftinge]

A secondary tab on the team's pages "Members" should list the current members of a team.
An 'Invite Member' CTA should open a dialog that allows inviting colleagues through email (which will send out a mail with an invite) or alternatively share a link with your team.
The list should show the avatar, name, role and join date of each member.

User Experience goal

The user should be able list all team members, including pending invites, as well as change roles to existing members and remove members from a team.

Proposal

In this first MVC (minimum viable change), we can do the following:

1. Reuse the list element from the workspaces list.
2. Include Avatar, Name, Email, Role, Date Joined, and a more actions dropdown to remove a member.
3. Introduce a modal for inviting new members that includes an invite URL at the top and a list of email input with a role association below.
4. Optionally, we could add a filter for pending invites and member role.

Invitation User Flow

1. A team Owner goes to a Team / Members and clicks on the Invite Members button.
2. A modal appears with an invite URL which you can copy and paste with a shortcut button.
3. You can send this link to anyone to join this team.
4. (Optional, outside this MVC) You can reset this (public) invitation URL.
5. (Optional, outside this MVC) You can invite users one-by-one via email.
6. (Optional, outside this MVC) You can invite users with a specific role via email.
7. (Optional, outside this MVC) When inviting a user via email, the email get added to the members list with the title Pending Invitation which you can revoke at any time.
8. After receiving and opening the invitation URL, you get redirected to the Members page where members are sorted by the recently joined, thus your username is at the top of that list.

Designs

Members List	Add Members

See also design specs.