[Task] Implement delete user from all users page ( select single user click Delete)

[theKunte]

The UI should be updated so we can delete a specific user on the user's webpage.

https://nscstrdevusw2thucommon.z5.web.core.windows.net/users

[theKunte]

This PR is for TASK 238

• The UI should be updated so we can delete a specific user on the user's webpage.

• Open vscode and checkout branch jk-issue-238 ( After this branch gets merged you can test it on LINK

• Once Vscode is open navigate in the terminal to the ui folder and navigate to react-ui and run npm start

• cd ui

• cd react-ui

• npm start you might need to do npm install before you start the app

• How to test it:

• After you start npm start you should see the following:

• Next Step:

• [ ] Navigate to /users

• Next Step:

• [ ] After all users have been loaded you should see the new Remove User with Delete Option

• Next Step:

• [ ] Select the user you want to delete [ look at the row and click on the delete field] Verify that you can see a pop-up that includes the first and lastname of the user you want to delete. The pop-up includes a Cancel and Confirm option.

• 

• When you select Cancel the pop-up closes and nothing happens. When you select Confirm you will see a pop-up on the right top that shows a confirmation if the user got deleted successfully, if not it shows an error message

• You can verify that the user no longer exists in the DB.

TIME SPEND:

DATE	ACTIVITY	TIME
03/11/21	Reviewed UI Features and started implementing Delete Options	2hr
03/13/21	Fixed modal pop up	2 Hr
03/13/21	Encountered an issue with delete method	1hr
03/13/21	Worked on fixing delete request for HTTPTriggerUsersUserId	~1hr
03/14/21	Worked on Delete issue with HTTP Trigger and fixed it	2hr
03/14/21	Created this PR	~1hr
total		9 Hr

[theKunte]

BUG

Team 1 Sprint 5 [ BUG ] Update from PR 270 Issue #287

This PR is for the Delete functionality for the /users Endpoint

• the route has been changed to UserPaginated. The previous PR with the endpoint was no longer accessible. Therefore this PR includes the Delete User option in UserPaginated.js.
• Once merged you can test it here

Testing:

1. Navigate to the correct directory: - cd ui/react-ui

2. Install all packages, modules, and dependencies: - npm install 3.Start the app in the development model: - npm start

3. Navigate to Endpoint

   • /users

   • 

4. You will see the Delete Colum on the left
   

   • if you want to delete a user you can click on the row

5. A Modal will pop up that will ask you to cancel or confirm to delete the user

6. If you Confirm the User will be removed from the row and a pop-up with successful deletion will appear

Changes Made:

Refactored: ConfirmDeleteUserModal.js from Users.js Refactored: ToastMessage.js fron Users.js Updated: UsersPaginated.js

TIME SPEND:

DATE	ACTIVITY	TIME
03/17/2021	Review UsersPaginated Page and started implementing Delete User Option for UsersPaginated.js instead of Users.js	2 hours
03/18/2021	implemented and tested Delete Option for UsersPaginated.js	1.5 hours
03/18/2021	Wrote this PR	30 min
TOTAL HOURS SPENT	4hr

---