Member Table Component

[IvanFarfan08]

Description

E-Board members need an organized and structured table to visualize the list of existing members within the Members section. This table will allow users to easily find members and their specific details.

In order to display this information, you will need to implement a table component that includes the following columns:

• Member Name: The name of the member
• E-mail: The e-mail address of the member
• Member Role: The role of the member.
• GitHub username: The username in GitHub of the member.
• Class Standing: The academic level of the member (e.g., Freshman, Sophomore, Junior or Senior)
• Date joined: The specific date (format: MM/DD/YYYY) the member joined.
• isActive: Boolean that indicates whether the member is active or not.

Definition of Done

• Add a new page called Members.ts
• Add the page to the Sidebar component
• Use the Chakra UI Table component to implement this feature

Notes on implementation

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 example members list in the data/seed.ts file. You can assume that the API will return a list of Member objects.