Files
property-management-network/components/forms/csv-export-button.tsx
Leon SerfatyandClaude Opus 4.8 857b9a7811 Initial import: property management SaaS + security hardening + admin dashboard
Property Management Network — Next.js 16 (App Router), Better Auth,
Drizzle ORM over PostgreSQL, Stripe, OpenAI, Resend.

Includes:
- Security hardening: access-control/IDOR fixes, TLS-by-default DB layer,
  constant-time cron auth, strict security headers, atomic AI quota gating,
  HTML/email output encoding, demo-backdoor disabled in production.
- Superadmin dashboard at /admin (overview/MRR, server-paginated users with
  ban/impersonate/plan/delete, billing, platform activity + admin audit log,
  AI usage, system health) via the Better Auth admin plugin.
- Seed/migration utility scripts under scripts/.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-23 20:36:07 -04:00

47 lines
1.3 KiB
TypeScript

"use client"
import { useState } from "react"
import { Download } from "lucide-react"
import { toast } from "sonner"
interface Props {
endpoint: string // e.g. "/api/export/rent" or "/api/export/tenants"
filename: string // e.g. "rent-payments.csv"
label?: string
}
export function CsvExportButton({ endpoint, filename, label = "Export CSV" }: Props) {
const [loading, setLoading] = useState(false)
async function handleExport() {
setLoading(true)
try {
const res = await fetch(endpoint)
if (!res.ok) throw new Error("Export failed")
const blob = await res.blob()
const url = URL.createObjectURL(blob)
const a = document.createElement("a")
a.href = url
a.download = filename
a.click()
URL.revokeObjectURL(url)
toast.success(`${filename} downloaded`)
} catch {
toast.error("Failed to export CSV")
} finally {
setLoading(false)
}
}
return (
<button
onClick={handleExport}
disabled={loading}
className="flex items-center gap-2 rounded-lg border border-white/10 px-3 py-2 text-sm text-white/60 hover:border-white/20 hover:text-white transition disabled:opacity-40"
>
<Download className="h-4 w-4" />
{loading ? "Exporting…" : label}
</button>
)
}