Add approve/deny buttons to approvals list on Compliance dashboard
Problem to solve
To provide two-person approvals for compliance-minded organizations, we need to provide a place for approvers to approve/deny settings changes.
Intended users
User experience goal
The approver should see a list of all the organizations approvals on the Compliance dashboard along with actionable buttons to approve/deny each change.
Solution
Using an API (REST or GraphQL), upon the approver approving/denying a change, we should send a request using the API to trigger the approving/denying backend process. We should disable the buttons until a success/failure message is received and then either re-enable on failure with a flash message or replace with a disabled button indicating which action was taken upon success.
Figma |
---|
Further details
Implementation details
- Add new approve/deny actions to the Vuex store
- Add approve/deny buttons to the approvals list
- Add error handling (show outcome)
- Add success handling (show outcome)
- Add tests