Add error state to panels
Problem to solve
When analytics dashboard panels encounter any error they throw a page-level alert.
To provide our users with additional context on which panels failed and potentially why it failed.
Proposal
Display an error state on panels when it encounters an error.
Consider providing additional information on why it failed or details on the error in a popover.
As part of this we'll need to update the empty-state to display inline.
Design
We'll divide alerts into 2 different patterns
Local
First iteration
Second iteration: Retry button
Global
Implementation plan
frontend
- Display the panel empty state
Something went wrong
when there is an error. - Add a
GlIcon
with astatus_warning
icon before the panel title when there is an error withred-500
. - Add a
GlPopover
to the panel when there is an error withred-500
.- Link to the troubleshooting docs.
- Add a
red-500
2px
top border to panels with an error. - Update specs.
Note: I picked the closest colour I could find to the design which didn't seem to be part of our predefined palette. Thus I suggest the MR that implements this get a UX review to approve the final values.
Edited by Jiaan Louw