import { CheckCircle2, Download, ExternalLink, FileText, Loader2, Share2, Timer, Trash2, } from 'lucide-react'; import { useState } from 'react'; import { Head, router, useForm, usePage } from '@inertiajs/react'; import SiteNav from '@/Components/Navigation/SiteNav'; import ReportPreview from '@/Components/Reports/ReportPreview'; import { Button } from '@/Components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '@/Components/ui/dialog'; import { EmptyState } from '@/Components/ui/empty-state'; import { Input } from '@/Components/ui/input'; import { Label } from '@/Components/ui/label'; import { LoadingButton } from '@/Components/ui/loading-button'; import { usePolling } from '@/hooks/usePolling'; import DashboardLayout from '@/Layouts/DashboardLayout'; import { formatDate } from '@/lib/format'; import { type PageProps, type SiteBasic } from '@/types'; interface Report { id: number; name: string; sections: string[]; filters: Record; status: string; generated_at: string | null; created_at: string; has_pdf: boolean; pdf_path: string | null; data: Record | null; } interface SharedLink { id: number; token: string; expires_at: string | null; has_password: boolean; view_count: number; last_viewed_at: string | null; is_expired: boolean; } interface Props { site: SiteBasic; report: Report; sharedLinks: SharedLink[]; } export default function Preview({ site, report, sharedLinks }: Props) { const { app_url, polling_interval_ms } = usePage().props; const [showShareDialog, setShowShareDialog] = useState(false); const [showDeleteDialog, setShowDeleteDialog] = useState(false); // Poll when report is being generated usePolling( Boolean(report.status === 'pending' || report.status === 'processing'), polling_interval_ms ?? 3000, ['report'], ); const { post: exportToPdf, processing: isExporting } = useForm({}); const { delete: deleteReport, processing: isDeleting } = useForm({}); const { data: shareData, setData: setShareData, post: submitShare, processing: isSharing, reset: resetShareForm, } = useForm({ expires_at: '', password: '', }); const handleExport = () => { exportToPdf(route('sites.reports.export', [site.id, report.id])); }; const handleDownload = () => { window.location.href = route('sites.reports.download', [site.id, report.id]); }; const handleShare = () => { submitShare(route('sites.reports.share', [site.id, report.id]), { onSuccess: () => { setShowShareDialog(false); resetShareForm(); }, }); }; const handleDelete = () => { deleteReport(route('sites.reports.destroy', [site.id, report.id])); }; const copyShareLink = (token: string) => { const url = route('shared-reports.show', token); const fullUrl = `${app_url}${url}`; navigator.clipboard.writeText(fullUrl); }; return (

{report.name}

{site.name} · {site.domain}

{report.status === 'completed' && !report.has_pdf && ( Export to PDF )} {report.has_pdf && ( )} {report.status === 'completed' && ( )}
{/* Status Card */} {report.status === 'pending' && (
Report Queued Your report is waiting to be generated. This usually begins within a few seconds.
)} {report.status === 'processing' && (
Generating Report... This may take a few minutes depending on the amount of data. The page will update automatically.
)} {report.status === 'failed' && (
Report Generation Failed An error occurred while generating this report. Try creating a new report or contact support if the issue persists.
)} {report.status === 'completed' && report.generated_at && (
Report Ready Generated on {formatDate(report.generated_at)}
)} {/* Shared Links */} {sharedLinks.length > 0 && ( Shared Links Manage shareable links for this report
{sharedLinks.map((link) => (

{link.is_expired ? ( Expired ) : ( Active )}

{link.expires_at && (

Expires: {formatDate(link.expires_at)}

)}

Viewed {link.view_count} times {link.last_viewed_at && ` ยท Last viewed ${formatDate(link.last_viewed_at)}`}

{!link.is_expired && ( )}
))}
)} {/* Report Preview */} {report.status === 'completed' && report.data && } {report.status === 'completed' && !report.data && ( )}
{/* Share Dialog */} Share Report Create a shareable link for this report. You can set an expiration date and optional password.
setShareData('expires_at', e.target.value)} />
setShareData('password', e.target.value)} />
Create Share Link {/* Delete Dialog */} Delete Report Are you sure you want to delete "{report.name}"? This action cannot be undone. Delete Report ); }