Implement updated statuses for Database and Healthcheck #2888
Description
To update the visual design and tooltip content for status indicators across the YDB UI, ensuring consistency, improved accessibility, and clearer communication of system health for both Database Status and Healthcheck components.
Database Statuses
Unspecified
The health status is being retrieved or is unavailable. Please wait or check your connection.
- 👻 (Ghost)
- Grey
- The system is checking the database state
Good
All components are functioning within expected parameters. No action is required.
- ✅ (Check in Box)
- Green
- Database is ok
Degraded
Experiencing non-critical issues (e.g., high load). Functional but performance may be affected. Monitoring recommended.
⚠️ (Triangle Alert)- Yellow
- Minor issues
Maintenance Required
Requires planned, non-urgent maintenance (e.g., software update). Performance is not currently impacted.
- Fire
- Red
- Critical problems
Emergency
Requires planned, non-urgent maintenance (e.g., software update). Performance is not currently impacted.
- ❌ (Cross in Circle)
- Bold Red
- Database failed
Healthcheck Statuses
Unknown
- Ghost
- Grey
Good
- ✅ Check
- Green
Replication
- Arrows
- Blue
Warning
⚠️ (Triangle Alert)- Yellow
Caution
- Fire
- Red
Critical
- Exclamation mark
- Bold Red
Figma mockups
UX ticket: Healthcheck corrections to avoid blue statuses #2838