Page MenuHomePhabricator

Add loading and error states to cardstack to enhance and clarify UX
Closed, ResolvedPublic

Description

The cardstack element needs a loading state and an error state to help users understand what's going on. Cards take a short period of time to load initially and on each API request so there may be times when the user has to wait. Currently, the element is invisible during this time. We need to add some standard loading UI elements to tell the user that we're working on getting them what they need.

We also need to handle error states by showing the user an error message with helpful information/CTAs.

Event Timeline

Change 544228 had a related patch set uploaded (by Anne Tomasevich; owner: Anne Tomasevich):
[mediawiki/extensions/MachineVision@master] Add loading and error states

https://gerrit.wikimedia.org/r/544228

Change 544228 abandoned by Anne Tomasevich:
Add loading and error states

https://gerrit.wikimedia.org/r/544228

Change 544228 restored by Anne Tomasevich:
Add loading and error states

https://gerrit.wikimedia.org/r/544228

Change 544228 merged by jenkins-bot:
[mediawiki/extensions/MachineVision@master] Add loading and error states

https://gerrit.wikimedia.org/r/544228

Ramsey-WMF subscribed.

Tested on prod multiple times, haven't seen an issue.