import { FileText, Pencil, ShieldCheck, UserCheck, X } from 'lucide-react'; import { useCallback, useEffect, useRef, useState } from 'react'; import { Head, Link } from '@inertiajs/react'; import { AdminDataTable } from '@/Components/admin/AdminDataTable'; import { PerPageSelector } from '@/Components/admin/PerPageSelector'; import PageHeader from '@/Components/layout/PageHeader'; 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 { Input } from '@/Components/ui/input'; import { Label } from '@/Components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/Components/ui/select'; import { Switch } from '@/Components/ui/switch'; 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 { formatDate } from '@/lib/format'; import type { AdminAuditLogsIndexProps } from '@/types/admin'; export default function AdminAuditLogsIndex({ logs, eventTypes, filters, impersonation_count, adminUsers, }: AdminAuditLogsIndexProps) { const [from, setFrom] = useState(filters.from ?? ''); const [to, setTo] = useState(filters.to ?? ''); const [userId, setUserId] = useState(filters.user_id ?? ''); const { updateFilter, handlePage, clearFilters: baseClearFilters, } = useAdminFilters({ route: '/admin/audit-logs', filters, }); const debounceRef = useRef>(); useEffect(() => () => clearTimeout(debounceRef.current), []); const debouncedUpdate = useCallback( (updates: Record) => { clearTimeout(debounceRef.current); debounceRef.current = setTimeout(() => updateFilter(updates), 300); }, [updateFilter], ); const handleUserIdChange = (value: string) => { setUserId(value); debouncedUpdate({ user_id: value || undefined }); }; const handleFromChange = (value: string) => { setFrom(value); updateFilter({ from: value || undefined }); }; const handleToChange = (value: string) => { setTo(value); updateFilter({ to: value || undefined }); }; const clearFilters = () => { setFrom(''); setTo(''); setUserId(''); baseClearFilters(); }; const isNavigating = useNavigationState(); const userIdInputRef = useRef(null); useAdminKeyboardShortcuts({ onSearch: () => userIdInputRef.current?.focus(), onNextPage: logs.next_page_url ? () => handlePage(logs.current_page + 1) : undefined, onPrevPage: logs.current_page > 1 ? () => handlePage(logs.current_page - 1) : undefined, }); const exportParams: Record = {}; if (filters.event) exportParams.event = filters.event; if (filters.user_id) exportParams.user_id = filters.user_id; if (filters.from) exportParams.from = filters.from; if (filters.to) exportParams.to = filters.to; if (filters.impersonation_only) exportParams.impersonation_only = filters.impersonation_only; if (filters.admin_actions_only) exportParams.admin_actions_only = filters.admin_actions_only; if (filters.operation) exportParams.operation = filters.operation; if (filters.mutations_only) exportParams.mutations_only = filters.mutations_only; const isMutationsOnly = filters.mutations_only === '1'; return (
Admin Audit Logs
} />
{impersonation_count > 0 && (
{impersonation_count} impersonation{' '} {impersonation_count === 1 ? 'session' : 'sessions'} in the last 30 days
)} {/* Quick filter presets */}
{/* Filters */}
Audit Log Filters {adminUsers.length > 0 && ( )}
handleUserIdChange(e.target.value)} className="w-30" aria-label="Filter by user ID" /> Numeric ID —{' '} find users
handleFromChange(e.target.value)} className="w-full sm:w-40" aria-label="Filter from date" /> handleToChange(e.target.value)} className="w-full sm:w-40" aria-label="Filter to date" />
updateFilter({ impersonation_only: checked ? '1' : undefined }) } />
updateFilter({ admin_actions_only: checked ? '1' : undefined }) } />
{(filters.event || filters.user_id || filters.from || filters.to || filters.impersonation_only || filters.admin_actions_only || filters.mutations_only || filters.operation) && ( )}
updateFilter({ per_page: perPage })} />
Clear filters ) : undefined } > Event User IP Date {logs.data.map((log) => ( {log.event ?? '—'} {log.user_name ? ( {log.user_name} ) : ( System )} {log.ip} {formatDate(log.created_at)} ))}
); }