import { AlertTriangle, CheckCircle2, Database, Trash2, XCircle } from 'lucide-react'; import { useState } from 'react'; import { Head } from '@inertiajs/react'; import { router } from '@inertiajs/react'; import PageHeader from '@/Components/layout/PageHeader'; import { Alert, AlertDescription } from '@/Components/ui/alert'; import { Badge } from '@/Components/ui/badge'; import { Button } from '@/Components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/Components/ui/card'; import { useAdminKeyboardShortcuts } from '@/hooks/useAdminKeyboardShortcuts'; import { useNavigationState } from '@/hooks/useNavigationState'; import AdminLayout from '@/Layouts/AdminLayout'; import { cn } from '@/lib/utils'; interface HealthCheck { name: string; status: 'pass' | 'warn' | 'fail'; count: number; details: Record[]; } interface Props { checks: Record; cleanable_checks: string[]; error?: string | null; } const statusIcon = (status: string) => { switch (status) { case 'pass': return ; case 'warn': return ; case 'fail': return ; default: return null; } }; const statusBadge = (status: string) => { const variants: Record = { pass: 'default', warn: 'secondary', fail: 'destructive', }; return {status}; }; export default function Index({ checks, cleanable_checks, error }: Props) { const checkEntries = Object.entries(checks); const passCount = checkEntries.filter(([, c]) => c.status === 'pass').length; const issueCount = checkEntries.filter(([, c]) => c.status !== 'pass').length; const [cleaning, setCleaning] = useState(null); const isNavigating = useNavigationState(); useAdminKeyboardShortcuts({}); const handleCleanup = (checkKey: string) => { setCleaning(checkKey); router.post( `/admin/data-health/cleanup/${checkKey}`, {}, { onFinish: () => setCleaning(null), }, ); }; return (
{error && ( {error} )}
{checkEntries.map(([key, check]) => { const isCleanable = cleanable_checks.includes(key) && check.count > 0; const isCleaning = cleaning === key; return (
{statusIcon(check.status)} {check.name}
{statusBadge(check.status)}

{check.count}

{check.count === 0 ? 'No issues found' : `${check.count} issue${check.count !== 1 ? 's' : ''} detected`}

{check.details.length > 0 && ( 
                        {JSON.stringify(check.details.slice(0, 5), null, 2)}
)} {isCleanable && (
)} ); })}
Check Summary
{passCount} passing
{issueCount > 0 && (
{issueCount} with issues
)}
); }