Create a UI for Assignment's "Add Participants" page

[shubhangij12]

Path: Go to Manage -> Assignment -> Edit (pencil icon) -> Etc -> Add Participant

Create a page which displays the Participant details as you can see in the below screenshot.

Old UI:

New Manage Users UI:

The UI page can be reconstructed in a similar manner as the Manager Users new UI page. The following changes can be done while designing this page:

• The table can be created similar to the Users table by using the table component. Make sure to add the remaining column fields as well.
• Replace the Participant Role column with an edit icon under the Actions field which opens the edit modal (similar to the Update user modal). In this modal, just add the role dropdown along with a cancel and submit button.

Update User modal:

• Replace the Remove button and add a delete icon under the Actions field which opens the delete modal (similar to the Delete user modal).

Delete User modal:

• Remove the Enter a user login field and the Participant role radio buttons and add a create icon on the top right corner which opens a modal similar to the Create Users modal. In this modal, add a Enter User login field, a Participant role dropdown, Submit and Cancel buttons.

Create User modal: