Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
996 B · 43 lines
TSX
1234567891011121314151617181920212223242526272829303132333435363738394041424344"use client";
import { Check, Copy } from "@openstatus/icons";import { useCopyToClipboard } from "@openstatus/ui/hooks/use-copy-to-clipboard";
import { cn } from "@/lib/utils";
export function CopyRow({ label, value, className,}: { label: string; value: string; className?: string;}) { const { copy, isCopied } = useCopyToClipboard();
return ( <div className={cn( "group flex items-center justify-between gap-4 text-sm", className, )} onClick={(e) => { e.stopPropagation(); copy(value, {}); }} > <dt className="text-muted-foreground">{label}</dt> <dd className="flex items-center gap-1 truncate font-mono"> <span className="invisible group-hover:visible"> {!isCopied ? ( <Copy className="h-3 w-3" /> ) : ( <Check className="h-3 w-3" /> )} </span> <span className="truncate">{value}</span> </dd> </div> );}