Function ExportButton

client/src/components/export-button.tsx:32–72

({ endpoint, filename, label = "Export" }: ExportButtonProps)

}

export function ExportButton({ endpoint, filename, label = "Export" }: ExportButtonProps) {
  const [isExporting, setIsExporting] = useState(false);

  async function handleExport(format: "csv" | "json") {
    setIsExporting(true);
    try {
      await triggerDownload(endpoint, format, filename);
    } catch (err) {
      console.error("Export failed:", err);
    } finally {
      setIsExporting(false);
    }
  }

  return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <Button variant="outline" size="sm" className="gap-1.5" disabled={isExporting}>
          {isExporting ? <Loader2 className="w-3.5 h-3.5 animate-spin" /> : <Download className="w-3.5 h-3.5" />}
          {label}
        </Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent align="end">
        <DropdownMenuItem
          className="cursor-pointer gap-2"
          onClick={() => handleExport("csv")}
        >
          <FileSpreadsheet className="w-4 h-4" />
          Export CSV
        </DropdownMenuItem>
        <DropdownMenuItem
          className="cursor-pointer gap-2"
          onClick={() => handleExport("json")}
        >
          <FileJson className="w-4 h-4" />
          Export JSON
        </DropdownMenuItem>
      </DropdownMenuContent>
    </DropdownMenu>
  );
}