refactor(nip-66): use Label component for individual check types in monitor feed

Replace Badge components with Label components for check types to match
the design system and provide better visual consistency.
This commit is contained in:
Claude
2026-01-20 15:25:37 +00:00
parent ba0f6e3555
commit 87348e1cd5

View File

@@ -3,7 +3,7 @@ import {
BaseEventContainer,
ClickableEventTitle,
} from "./BaseEventRenderer";
import { Badge } from "@/components/ui/badge";
import { Label } from "@/components/ui/label";
import {
getMonitorFrequency,
getMonitorChecks,
@@ -43,13 +43,9 @@ export function Kind10166Renderer({ event }: BaseEventProps) {
{checks.length > 0 && (
<div className="flex flex-wrap gap-1.5">
{checks.map((check) => (
<Badge
key={check}
variant="secondary"
className="h-5 px-2 text-xs"
>
<Label key={check} className="text-xs text-muted-foreground">
{getCheckTypeName(check)}
</Badge>
</Label>
))}
</div>
)}