Handle all `.catch()` API failure conditions in UI (ideally in some standardized way)
Problem to solve
- Provide feedback in the UI when/if API requests fail so the user isn't stuck guessing what happened
Target audience
- UI users
Further details
- This is proper UX, but not technically required functionally
Proposal
- Ideally handle all
.catch
es in a standardized or uniform way as many API calls throughout the app are made during runtime
What does success look like, and how can we measure that?
- We provide feedback in the UI when an API call fails for some reason
Regression test
(Ensure the feature doesn't cause any regressions)
-
Write adequate test cases and submit test results -
Test results should be reviewed by a person from the team
Tasks:
-
Install Bulma-ToastUpon further investigation the Vue-Toasted lib is more feature complete (actions) and we can style it so it leverages Bulma classes resulting in best of both worlds cc @mbergeron -
.catch
all uncaught promises and provide toast message (this is the barebones feedback, on a case-by-case basis we'll want to improve the UX for particular errors)
Edited by Derek Knox