import { Head } from '@inertiajs/react'; import UserAuditController from '@/actions/App/Http/Controllers/Admin/UserAuditController'; import Heading from '@/components/heading'; import { Badge } from '@/components/ui/badge'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; type AuditUser = { id: number; name: string; email: string; }; type AuditRecord = { id: number; type: string; event: string; description: string | null; route_name: string | null; method: string | null; url: string | null; status_code: number | null; ip_address: string | null; user_agent: string | null; context: Record | null; created_at: string; user: AuditUser | null; }; type TopUser = AuditUser & { audits_count: number; }; type Stats = { activity_count: number; error_count: number; active_users_count: number; }; function formatDate(value: string): string { return new Intl.DateTimeFormat('en-GB', { day: 'numeric', month: 'short', year: 'numeric', hour: '2-digit', minute: '2-digit', }).format(new Date(value)); } function statusBadge(statusCode: number | null): string { if (statusCode === null) { return 'bg-muted text-muted-foreground'; } if (statusCode >= 500) { return 'bg-red-600/10 text-red-700 hover:bg-red-600/10 dark:text-red-300'; } if (statusCode >= 400) { return 'bg-amber-500/10 text-amber-700 hover:bg-amber-500/10 dark:text-amber-300'; } return 'bg-emerald-600/10 text-emerald-700 hover:bg-emerald-600/10 dark:text-emerald-300'; } export default function AdminAuditIndex({ stats, recentActivity, recentErrors, topUsers, }: { stats: Stats; recentActivity: AuditRecord[]; recentErrors: AuditRecord[]; topUsers: TopUser[]; }) { return ( <>

Total activity {stats.activity_count} Total errors {stats.error_count} Users tracked {stats.active_users_count}

Most active users Members with the largest recorded audit trail so far. {topUsers.length > 0 ? ( topUsers.map((user) => (

{user.name}

{user.email}

{user.audits_count} events

)) ) : (

Audit data will appear here once members start using the site.

)}

Recent user activity Recorded requests from authenticated users across scoring, admin, and dashboard pages. {recentActivity.length > 0 ? ( recentActivity.map((record) => (

{record.user?.name ?? 'Unknown user'}

{record.user?.email ?? 'No email available'}

{record.method ?? 'N/A'} {record.status_code ?? 'No status'}

{record.description ?? record.event}

{record.route_name ?? record.url ?? 'No route recorded'}

{formatDate(record.created_at)}

)) ) : (

No activity has been recorded yet.

)} Recent errors Errors captured while authenticated users were using the site. {recentErrors.length > 0 ? ( recentErrors.map((record) => (

{record.user?.name ?? 'Unknown user'}

{record.user?.email ?? 'No email available'}

{record.status_code ?? 'Error'}

{record.description ?? record.event}

{record.event}

{record.route_name ?? record.url ?? 'No route recorded'}

{formatDate(record.created_at)}

)) ) : (

No authenticated user errors have been recorded yet.

)}

); } AdminAuditIndex.layout = { breadcrumbs: [ { title: 'Dashboard', href: '/dashboard', }, { title: 'Audit', href: UserAuditController.index(), }, ], };