Paul Payne
735f3fcb05
Extract Central pages from the wild-cloud web app into a standalone React app for Wild Central. Includes: - Central overview, DNS, DHCP, Firewall, VPN, Ingress, CrowdSec pages - Simplified sidebar with Central-only navigation - Branding updated to "Wild Central" - All Cloud-specific pages, components, hooks, and API services removed - TypeScript type-check and production build pass Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
50 lines
1012 B
TypeScript
50 lines
1012 B
TypeScript
import { useState } from 'react';
|
|
import { Copy, Check } from 'lucide-react';
|
|
import { Button } from './ui/button';
|
|
|
|
interface CopyButtonProps {
|
|
content: string;
|
|
label?: string;
|
|
variant?: 'default' | 'outline' | 'secondary' | 'ghost';
|
|
disabled?: boolean;
|
|
}
|
|
|
|
export function CopyButton({
|
|
content,
|
|
label = 'Copy',
|
|
variant = 'outline',
|
|
disabled = false,
|
|
}: CopyButtonProps) {
|
|
const [copied, setCopied] = useState(false);
|
|
|
|
const handleCopy = async () => {
|
|
try {
|
|
await navigator.clipboard.writeText(content);
|
|
setCopied(true);
|
|
setTimeout(() => setCopied(false), 2000);
|
|
} catch (error) {
|
|
console.error('Failed to copy:', error);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<Button
|
|
onClick={handleCopy}
|
|
variant={variant}
|
|
disabled={disabled}
|
|
>
|
|
{copied ? (
|
|
<>
|
|
<Check className="h-4 w-4" />
|
|
Copied
|
|
</>
|
|
) : (
|
|
<>
|
|
<Copy className="h-4 w-4" />
|
|
{label}
|
|
</>
|
|
)}
|
|
</Button>
|
|
);
|
|
}
|