Make annotations display on /alerts page consistent with /rules

Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2024-09-09 11:47:03 +02:00
parent adf6c105a7
commit 7e0cba568e
2 changed files with 5 additions and 8 deletions

View file

@ -5,6 +5,7 @@ import {
Card,
Group,
rem,
Table,
Tooltip,
useComputedColorScheme,
} from "@mantine/core";

View file

@ -376,19 +376,15 @@ export default function AlertsPage() {
{showAnnotations && (
<Table.Tr>
<Table.Td colSpan={4}>
<Table
mt="md"
mb="xl"
withTableBorder
withColumnBorders
bg="var(--mantine-color-body)"
>
<Table mt="md" mb="xl">
<Table.Tbody>
{Object.entries(
a.annotations
).map(([k, v]) => (
<Table.Tr key={k}>
<Table.Th>{k}</Table.Th>
<Table.Th c="light-dark(var(--mantine-color-gray-7), var(--mantine-color-gray-4))">
{k}
</Table.Th>
<Table.Td>{v}</Table.Td>
</Table.Tr>
))}