stable and definitely unique card UI key in /alerts

amanycodes · amanycodes · commit bf9c68c7f14d · 2025-02-15T19:20:21.000+05:30
Signed-off-by: amanycodes &lt;amanycodes@gmail.com&gt;
diff --git a/web/ui/mantine-ui/src/pages/AlertsPage.tsx b/web/ui/mantine-ui/src/pages/AlertsPage.tsx
@@ -220,7 +220,7 @@ export default function AlertsPage() {
           shadow="xs"
           withBorder
           p="md"
-          key={i} // TODO: Find a stable and definitely unique key.
+          key={`${g.name}-${g.file}`} // TODO: Find a stable and definitely unique key.
         >
           <Group mb="md" mt="xs" ml="xs" justify="space-between">
             <Group align="baseline">

Original file line number	Diff line number	Diff line change
`@@ -220,7 +220,7 @@ export default function AlertsPage() {`
`220`	`220`	`shadow="xs"`
`221`	`221`	`withBorder`
`222`	`222`	`p="md"`
`223`		`- key={i} // TODO: Find a stable and definitely unique key.`
	`223`	+ key={`${g.name}-${g.file}`} // TODO: Find a stable and definitely unique key.
`224`	`224`	`>`
`225`	`225`	`<Group mb="md" mt="xs" ml="xs" justify="space-between">`
`226`	`226`	`<Group align="baseline">`