DEV - Warn users for state-changing actions

[janetqliu]

Overview

We want to add warning popups for actions like creating, updating, deleting, etc to prevent users from accidentally making changes (especially older users). Work off of Aditya’s PR and extend his work.

Tasks

• Add warning popups on Delete Grant, Delete User, Delete Revenue, Delete Cost, Delete Profile Picture, as well as anything that changes an app state (creating, updating, deleting)
  -- Creating → Create ____? Cancel/Yes or Accept User? Cancel/Yes, etc
  -- Editing → Save updates? Cancel/Yes
  -- Deleting → “Are you sure you want to ___? Cancel / Delete ____”
• If it isn’t too much hassle, make the popup green (match to light green from color palette) so it’s more affirming

Acceptance Criteria

• Warning popup appears on the above listed features when the create/edit/delete/etc button is clicked
• Popup is fully functional
• Cancel cancels action and Yes/Delete carries out action
• Popup is affirming and mainly serves to confirm the user meant to do their action

References

Aditya’s PR: #400 (review)