diff --git a/src/components/nostr/RelaySupportedNips.tsx b/src/components/nostr/RelaySupportedNips.tsx new file mode 100644 index 0000000..223d0a2 --- /dev/null +++ b/src/components/nostr/RelaySupportedNips.tsx @@ -0,0 +1,36 @@ +import { Label } from "@/components/ui/label"; +import { NIPBadge } from "@/components/NIPBadge"; + +interface RelaySupportedNipsProps { + nips: number[]; +} + +/** + * Relay Supported NIPs Display Component + * Shows supported Nostr Implementation Possibilities (NIPs) for a relay + * Used in both Relay Discovery and Monitor Announcement detail views + */ +export function RelaySupportedNips({ nips }: RelaySupportedNipsProps) { + if (nips.length === 0) { + return null; + } + + return ( +
+ +
+ {nips.map((nip) => ( + + ))} +
+
+ ); +} diff --git a/src/components/nostr/kinds/RelayDiscoveryDetailRenderer.tsx b/src/components/nostr/kinds/RelayDiscoveryDetailRenderer.tsx index fe4e4fb..b215a29 100644 --- a/src/components/nostr/kinds/RelayDiscoveryDetailRenderer.tsx +++ b/src/components/nostr/kinds/RelayDiscoveryDetailRenderer.tsx @@ -4,8 +4,8 @@ import { Badge } from "@/components/ui/badge"; import { Label } from "@/components/ui/label"; import { JsonViewer } from "@/components/JsonViewer"; import { UserName } from "../UserName"; -import { NIPBadge } from "@/components/NIPBadge"; import { RelayKindsDisplay } from "../RelayKindsDisplay"; +import { RelaySupportedNips } from "../RelaySupportedNips"; import { getRelayUrl, getRttMetrics, @@ -221,24 +221,7 @@ export function RelayDiscoveryDetailRenderer({ event }: { event: NostrEvent }) { )} {/* Supported NIPs */} - {nips.length > 0 && ( -
- -
- {nips.map((nip) => ( - - ))} -
-
- )} + {/* Relay Kinds */}