Empty State
Empty-state messaging implemented as a Mantine Alert Info Callout. Title + body pair — today the body often restates the title, which is the issue tracked by INC-001.
DO
Always qualify 'No X found' with the specific rule type: 'No alerting rules found' vs 'No recording rules found' (INC-007).
DON'T
Duplicate the title as the body (INC-001).
Design
title-only
No alerting rules found
Recommended: single-line title, no body.
title-plus-action
No alerting rules found
Configure alert rules in prometheus.yml under the
rule_files key.Title + body that adds setup guidance or a docs link.
Component reference (screenshots)
Placeholder screenshots — the audited app is live at prometheus-e83j.onrender.com.
Implementation
<EmptyState ruleType="alerting" /> // parameterize per pageLayout
| Property | Value |
|---|---|
| padding | 16px alert-padding |
Accessibility
| Screen reader | role='status' so screen readers announce the empty state after the page loads. |