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>
42 lines
947 B
TypeScript
42 lines
947 B
TypeScript
import { Download } from 'lucide-react';
|
|
import { Button } from './ui/button';
|
|
|
|
interface DownloadButtonProps {
|
|
content: string;
|
|
filename: string;
|
|
label?: string;
|
|
variant?: 'default' | 'outline' | 'secondary' | 'ghost';
|
|
disabled?: boolean;
|
|
}
|
|
|
|
export function DownloadButton({
|
|
content,
|
|
filename,
|
|
label = 'Download',
|
|
variant = 'default',
|
|
disabled = false,
|
|
}: DownloadButtonProps) {
|
|
const handleDownload = () => {
|
|
const blob = new Blob([content], { type: 'text/plain' });
|
|
const url = URL.createObjectURL(blob);
|
|
const link = document.createElement('a');
|
|
link.href = url;
|
|
link.download = filename;
|
|
document.body.appendChild(link);
|
|
link.click();
|
|
document.body.removeChild(link);
|
|
URL.revokeObjectURL(url);
|
|
};
|
|
|
|
return (
|
|
<Button
|
|
onClick={handleDownload}
|
|
variant={variant}
|
|
disabled={disabled}
|
|
>
|
|
<Download className="h-4 w-4" />
|
|
{label}
|
|
</Button>
|
|
);
|
|
}
|