From 87348e1cd509b108c1d674a58000e325169a38a7 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 20 Jan 2026 15:25:37 +0000
Subject: [PATCH] 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.
---
 .../nostr/kinds/MonitorAnnouncementRenderer.tsx        | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/nostr/kinds/MonitorAnnouncementRenderer.tsx b/src/components/nostr/kinds/MonitorAnnouncementRenderer.tsx
index 965c680..9fc35a2 100644
--- a/src/components/nostr/kinds/MonitorAnnouncementRenderer.tsx
+++ b/src/components/nostr/kinds/MonitorAnnouncementRenderer.tsx
@@ -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>
         )}