This PR changes "Edit" button to "Cancel" when the edit user role dialog is opened. When a user role is selected, a "Done" button appears next to the "Cancel" button. Clicking cancel button reverts user card to its original state and the user role is only updated once the "Done" button is clicked.
Additionally, I removed the edit icon next to "Done" and added a checkmark icon on the right side. And when a user role has been selected, I added a Selected Role field so that it is less confusing for the user.
Resolves #491
This PR changes "Edit" button to "Cancel" when the edit user role dialog is opened. When a user role is selected, a "Done" button appears next to the "Cancel" button. Clicking cancel button reverts user card to its original state and the user role is only updated once the "Done" button is clicked.
Additionally, I removed the edit icon next to "Done" and added a checkmark icon on the right side. And when a user role has been selected, I added a Selected Role field so that it is less confusing for the user.
https://github.com/SeattleColleges/nsc-events-nextjs/assets/77591083/d1c88c85-1f9c-496c-bc4e-cac25a53d969