[FEAT] Implement Invitation of members via Form on Admin Dashboard

[SilverBeing]

Develop the functionality to invite members via a form on the members page when an admin clicks the "Invite people" button. The form should allow admins to enter the new member's name, email, and role. Upon submission, the form should send the data to the appropriate API endpoint to create a new member. Ensure the form includes validation and provides feedback to the user.

Purpose Admins should be able to invite new members by filling out a form with the member's details. This functionality will streamline the process of adding new members and ensure that all necessary information is collected upfront.

Acceptance Criteria

Requirements

• Modal: Ensure to use the developed modal component.
• Form Fields: The form should include fields for the member's name, email, and role.
• Form Submission: The form should submit the entered data to the appropriate API endpoint.
• Validation: Implement validation to ensure all required fields are filled and the data is in the correct format.
• User Feedback: Provide feedback to the user upon successful submission or error.
• Design and Responsiveness: Ensure the form matches the provided design and is responsive.

Tasks

• [ ] Create the form with fields for name, email, and role.
• [ ] Ensure the form layout matches the design specifications.
• [ ] Integrate the form with the appropriate API endpoint for member creation.
• [ ] Implement form submission logic to send data to the API.
• [ ] Implement validation to check that all required fields are filled.
• [ ] Provide feedback to the user upon successful form submission.
• [ ] Display error messages if the form submission fails or if validation errors occur.
• [ ] Ensure the form design matches the provided design.
• [ ] Make the form responsive to work well on various screen sizes.

Deadline Friday 10am

Note

• Ensure code quality and maintainability.
• Provide clear documentation and usage examples.
• Collaborate with other team members to ensure seamless integration with the existing members page.

Images and Figma links https://www.figma.com/design/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=1698-13832&m=dev

[Patrick-Chukwu]

I am working on this already. I hope @JO-YE isn't also working on it since she has unassigned herself.

[JO-YE]

No am not. You can go ahead @Patrick-Chukwu