Team Details Page (E-Board)

[IvanFarfan08]

Description

E-board members should get a detailed view on the performance of the project teams. To achieve this, create a new page to view the members of a team. The page should be displayed when accessing the /team/{teamId} endpoint. In other words when testing locally, when you visit http://localhost:3000/team/{teamId} you should see a page with a table of members.

Definition of Done

• Create a new page TeamLayout.ts
• Get the team id from the headers. Use history from react-router-dom
• From the data/seed.ts file, get all the members that belong to the team
• Use the ChakraUI Table component to render a table with the members. The columns of the table should be name, email, dateJoined.
• On top of the table there should be some information on the Organization the Team is working with. Show the name of the organization, the name of their team lead and the name of their project manager.

Notes on implemetation

We use ChakraUI as our component library. You can use their Table component for this task. The endpoints to retrieve the events have not been created, yet, however you can use the member and team list in the data/seed.ts file.