[FEAT] Create a Member Card Component for Dashboard

SilverBeing commented 1 month ago

Develop a card component to display the members of the organization on the dashboard. This component should include the profile image, name, email address, a dropdown for roles, and additional information icon. The admin should be able to change roles and access other member-specific functionalities.

Purpose

This component will allow the admin to properly visualize the members of the organization and manage their roles and other functionalities efficiently.

Acceptance Criteria

Requirements The component should receive the following necessary props

Profile Image - The image of the user must be displayed
Full Name
Email Address
Role dropdown - A dropdown displaying the roles.
Role Change Action - A function to handle role changes by receiving the id of the user
Other Info Dropdown - A dropdown for additional actions
Delete Action - A function to delete the member by receiving the id of the user to delete

Tasks

[ ] Design the UI based on the provided design mockups.
[ ] Ensure the UI is responsive and adapts to different screen sizes.
[ ] Implement props to receive profile image, full name, email address, role dropdown, role change action, other info dropdown, and delete action.
[ ] Implement state management to handle role changes and other member-specific actions.
[ ] Implement role management functionality with the appropriate API endpoints to update member roles..
[ ] Implement delete functionality for members with the appropriate API endpoints to delete members.

Note