Teams - Design

[Pratap2018]

As an admin i want to have a teams page, where I can manage my team members/associates or I can see other teams who have invited me.

The teams page should have two tables As described in the image below

The page has 3 important components

1. Invite Team Button
2. Your team
3. Teams you are part of

Invite team button

As an Admin I should click a button to open a popup, where I can provide Team Name and Email to invite another memeber to my team. Please refer the above image for the button design and use Solwind as reference for button colors etc.

Your team

The your team table explains all the users who are part of your team. It has three columns, Name, Email, Status, Action

Teams you are part of

The your team table explains all the teams you are part of. It has three columns, Admin Name, Admin Email, Login As

Admin Name defines the team admin who has invited you, for example by default you are part of Self as team, Admin Email is the person's email addr, Login As has action on whose behalf you want to login. Like you can click on the switch button to switch any team .

Reference image for the Invitation Popup

For Reference This is the entire code for Teams. https://github.com/hypersign-protocol/hyperfyre-frontend/blob/7b093ed3fa1dabd3f7f90fc31e9d5dd382bfe208/src/views/admin/TeamMate.vue#L1

[vikramIde]

@harshitha-kondadasu

Bugs

• [x] When i invite someone and then close the popup and then open again, the previous data needs to be cleared
• [ ] Not able to see Team's I am part of attached image below
• [x] Active and Inactive status should be small like badges currently its a button and try to keep it of same size

[harshitha-kondadasu]

@Pratap2018 Can you please check if "Teams you are part of" records are loading or not?