import { Trash2 } from 'lucide-react'; import { useState } from 'react'; import { Head, router, usePage } from '@inertiajs/react'; import { AdminDataTable } from '@/Components/admin/AdminDataTable'; import PageHeader from '@/Components/layout/PageHeader'; import { Badge } from '@/Components/ui/badge'; import { Button } from '@/Components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; import { ConfirmDialog } from '@/Components/ui/confirm-dialog'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/Components/ui/table'; import { useAdminKeyboardShortcuts } from '@/hooks/useAdminKeyboardShortcuts'; import { useNavigationState } from '@/hooks/useNavigationState'; import AdminLayout from '@/Layouts/AdminLayout'; import { cn } from '@/lib/utils'; import type { PageProps } from '@/types'; interface CacheGroup { name: string; prefix: string; description: string; } interface AdminCacheKey { key: string; cached: boolean; } interface Props { groups: CacheGroup[]; admin_keys: AdminCacheKey[]; } export default function CacheIndex({ groups, admin_keys }: Props) { const { auth } = usePage().props; const isNavigating = useNavigationState(); const [flushGroupConfirm, setFlushGroupConfirm] = useState(null); const [flushAllConfirm, setFlushAllConfirm] = useState(false); useAdminKeyboardShortcuts({}); const canMutate = auth.user?.admin_role != null && auth.user.admin_role !== 'viewer'; const isSuperAdmin = auth.user?.admin_role === 'super_admin'; const cachedCount = admin_keys.filter((k) => k.cached).length; return (

Cache Groups Flush caches by functional group {groups.map((group) => (

{group.name}

{group.description}

{canMutate && ( )}

))} {isSuperAdmin && ( )}

Admin Cache Keys ({cachedCount}/{admin_keys.length} populated)

Known admin cache key status

Key Status {admin_keys.map((item) => ( {item.key} {item.cached ? 'Cached' : 'Empty'} ))}

setFlushGroupConfirm(null)} title={`Flush "${flushGroupConfirm}" cache?`} description="This will clear all cached data in this group. It will be rebuilt on next access." confirmLabel="Flush" onConfirm={() => { if (flushGroupConfirm) { router.post(route('admin.cache.flush'), { group: flushGroupConfirm }); setFlushGroupConfirm(null); } }} /> { router.post(route('admin.cache.flush-all')); setFlushAllConfirm(false); }} /> ); }