import { Clock, Key, Users } from 'lucide-react'; import { Head, Link } from '@inertiajs/react'; import { AdminStatsGrid, type StatCard } from '@/Components/admin/AdminStatsGrid'; import PageHeader from '@/Components/layout/PageHeader'; import { Badge } from '@/Components/ui/badge'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; import { EmptyState } from '@/Components/ui/empty-state'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/Components/ui/table'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatRelativeTime } from '@/lib/format'; import type { AdminTokensDashboardProps } from '@/types/admin'; export default function TokensDashboard({ stats, most_active }: AdminTokensDashboardProps) { return (
{/* Stats */} {/* Most Active Tokens */} Most Recently Active Tokens Tokens sorted by last usage {most_active.length === 0 ? ( ) : (
Token Name User Abilities Last Used {most_active.map((token) => ( {token.token_name} {token.user_name}
{token.user_email}
{(token.abilities ?? []).slice(0, 3).map((ability) => ( {ability} ))} {(token.abilities ?? []).length > 3 && ( +{token.abilities.length - 3} )}
{formatRelativeTime(token.last_used_at)} ))}
)}
); }