Function ErrorField

packages/web/src/app/error.tsx:129–151

({ label, value, onCopy, copied }: ErrorFieldProps)

}

function ErrorField({ label, value, onCopy, copied }: ErrorFieldProps) {
    return (
        <div className="space-y-2">
            <div className="text-sm font-medium">{label}</div>
            <div className="flex items-center gap-2">
                <div className="bg-muted p-2 rounded text-sm flex-1 break-words">{value}</div>
                <Button
                    variant="outline"
                    size="icon"
                    className="h-8 w-8 shrink-0"
                    onClick={onCopy}
                    aria-label={`Copy ${label.toLowerCase()}`}
                >
                    {copied ? (
                        <CheckCircle2 className="h-4 w-4 text-green-500" />
                    ) : (
                        <Copy className="h-4 w-4" />
                    )}
                </Button>
            </div>
        </div>
    )
}