upstream/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2026-05-28 04:02:21 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Add more tooltips to the /rules page, move health indicator to the right

Browse source 
Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2024-08-05 19:07:20 +02:00
parent 76c3429e67
commit af6287b232
1 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
web/ui/mantine-ui/src/pages/RulesPage.tsx
View file

@ -22,6 +22,7 @@ import {
IconInfoCircle,
IconRefresh,
IconRepeat,
IconTimeline,
} from "@tabler/icons-react";
import { useSuspenseAPIQuery } from "../api/api";
import { RulesResult } from "../api/responseTypes/rules";
@ -133,17 +134,17 @@ export default function RulesPage() {
<Group wrap="nowrap" justify="space-between" mr="lg">
<Group gap="xs" wrap="nowrap">
{r.type === "alerting" ? (
<IconBell size={15} />
<Tooltip label="Alerting rule" withArrow>
<IconBell size={15} />
</Tooltip>
) : (
<IconDatabaseImport size={15} />
<Tooltip label="Recording rule" withArrow>
<IconTimeline size={15} />
</Tooltip>
)}
<Text>{r.name}</Text>
</Group>
<Group mt="md" gap="xs">
<Badge className={healthBadgeClass(r.health)}>
{r.health}
</Badge>
<Group mt="md" gap="xs" wrap="nowrap">
<Group gap="xs" wrap="wrap">
<Tooltip label="Last rule evaluation" withArrow>
<Badge
@ -172,6 +173,9 @@ export default function RulesPage() {
</Badge>
</Tooltip>
</Group>
<Badge className={healthBadgeClass(r.health)}>
{r.health}
</Badge>
</Group>
</Group>
</Accordion.Control>