Develop a modal component that contains a form for creating new roles on the admin dashboard. The modal should appear when the "Create Roles" button is clicked. The form should collect necessary role details and submit them to the appropriate API endpoint. Provide feedback to the admin through success or error cards based on the submission result.
What did you do?
Created a reusable Modal component that displays content when triggered.
Developed a CreateRoleForm component that includes form fields for role creation (role name, description) and integrates with the appropriate API endpoint for submitting new roles.
Added success and error feedback messages based on the form submission result.
Ensured the modal and form are styled according to the design specifications and are responsive.
Integrated the CreateRoleForm component into the AdminPage with a button to trigger the modal.
Description
Closes #issue_number_here
Changes proposed
What were you told to do?
Develop a modal component that contains a form for creating new roles on the admin dashboard. The modal should appear when the "Create Roles" button is clicked. The form should collect necessary role details and submit them to the appropriate API endpoint. Provide feedback to the admin through success or error cards based on the submission result.
What did you do?
Modalcomponent that displays content when triggered.CreateRoleFormcomponent that includes form fields for role creation (role name, description) and integrates with the appropriate API endpoint for submitting new roles.CreateRoleFormcomponent into theAdminPagewith a button to trigger the modal.Files Changed:
components/CreateRoleFormModal/CreateRoleModal.tsx: Added Modal component.components/CreateRoleFormModal//CreateRoleForm.tsx: Added CreateRoleForm component with form fields and submission logic.Dependencies Installed:
Check List (Check all the applicable boxes)
🚨Please review the contribution guideline for this repository.
Screenshots/Videos
Screenshots