[AO] Fix recovered badge color on the alert details page #153757
Assignees
Labels
bug
Fixes for quality problems that affect the customer experience
Feature:Alert Details Page
Observability ux management team
Team: Actionable Observability - DEPRECATED
For Observability Alerting and SLOs use "Team:obs-ux-management", for AIops "Team:obs-knowledge"
v8.8.0
Comments
maryam-saeidi
added
bug
|
Pinging @elastic/actionable-observability (Team: Actionable Observability) |
41 tasks
maryam-saeidi
added a commit
that referenced
this issue
Mar 31, 2023
Fixes #153757 ## Summary Use the same badge as the alert table to fix the issue with the recovered badge color. |Recovered|Active| |---|---| |||
|](https://user-images.githubusercontent.com/12370520/229073911-40828fae-18c7-4949-898c-4ea82824a52f.png)||){kind=link}
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
📝 Summary
Currently, the color of
Recoveredbadge` on the alert details page is red, and we need to change it to the correct color.@maciejforcone Shall we use the same badge as the alert table?
Answer from @maciejforcone:
After a discussion with @mdefazio, for now, we should use EUI default badges.
https://elastic.github.io/eui/#/display/badge
recovered badge is "Healthy" from EUI, and "Active" is "Critical", so the same that exist in Alerts table already, to make it look consistent, and later we can update all to new ones, once they are available in EUI
Implementation hint
We can re-use the existing badge color that was created by trigger actions UI:
packages/kbn-alerts-ui-shared/src/alert_lifecycle_status_badge/index.tsx
✅ Acceptance Criteria
The text was updated successfully, but these errors were encountered: