import { Link2 } from 'lucide-react'; import { Head, Link, router } from '@inertiajs/react'; import { AdminDataTable } from '@/Components/admin/AdminDataTable'; import { AdminStatsGrid, type StatCard } from '@/Components/admin/AdminStatsGrid'; import PageHeader from '@/Components/layout/PageHeader'; import { Badge } from '@/Components/ui/badge'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { Button } from '@/Components/ui/button'; import { ExportButton } from '@/Components/ui/export-button'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/Components/ui/select'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/Components/ui/table'; import { useAdminFilters } from '@/hooks/useAdminFilters'; import { useAdminKeyboardShortcuts } from '@/hooks/useAdminKeyboardShortcuts'; import { useNavigationState } from '@/hooks/useNavigationState'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatRelativeTime } from '@/lib/format'; interface SharedReportLinkRow { id: number; report_id: number; report_name: string | null; token: string; is_password_protected: boolean; is_expired: boolean; view_count: number; expires_at: string | null; last_viewed_at: string | null; created_at: string; } interface PaginatedLinks { data: SharedReportLinkRow[]; current_page: number; last_page: number; from: number | null; to: number | null; total: number; } interface Stats { total: number; active: number; expired: number; password_protected: number; } interface Props { links: PaginatedLinks; filters: { status: string }; stats: Stats; } export default function SharedReportLinksIndex({ links, filters, stats }: Props) { const isNavigating = useNavigationState(); const { updateFilter, handlePage } = useAdminFilters({ route: route('admin.shared-report-links.index'), filters, }); const exportParams: Record = {}; if (filters.status) exportParams.status = filters.status; useAdminKeyboardShortcuts({ onNextPage: links.current_page < links.last_page ? () => handlePage(links.current_page + 1) : undefined, onPrevPage: links.current_page > 1 ? () => handlePage(links.current_page - 1) : undefined, }); const statCards: StatCard[] = [ { title: 'Total', value: stats.total }, { title: 'Active', value: stats.active }, { title: 'Expired', value: stats.expired }, { title: 'Password Protected', value: stats.password_protected }, ]; function handleRevoke(id: number) { if (!confirm('Revoke this shared report link? Viewers will lose access immediately.')) return; router.delete(route('admin.shared-report-links.destroy', { sharedReportLink: id })); } return (

Admin Shared Report Links

Report Token Status Views Expires Last Viewed Created {links.data.map((link) => ( {link.report_name ?? `Report #${link.report_id}`} {link.token.slice(0, 12)}…

{link.is_expired ? 'Expired' : 'Active'} {link.is_password_protected && ( Protected )}

{link.view_count} {link.expires_at ? formatRelativeTime(link.expires_at) : '—'} {link.last_viewed_at ? formatRelativeTime(link.last_viewed_at) : '—'} {formatRelativeTime(link.created_at)} {!link.is_expired && ( )} ))}

); }