import AdminLayout from '@/layouts/admin/layout'; import { type BreadcrumbItem } from '@/types'; import { Head, router } from '@inertiajs/react'; import { ContentCard } from '@/components/ui/content-card'; import { ClassIcon } from '@/components/game/class-icon'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Link } from '@inertiajs/react'; import { Users, Activity, Search, Loader2, List } from 'lucide-react'; import { useState, FormEventHandler } from 'react'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/admin', }, { title: 'Online Players', href: '/admin/online', }, ]; type OnlinePlayer = { id: number; name: string; user_id: number; class: number; class_name: string; level: number; level2: number; gender: number; faction_name: string | null; }; type OnlinePlayersProps = { onlinePlayers: OnlinePlayer[]; count: number; loaded: boolean; searchQuery?: string; }; export default function OnlinePlayers({ onlinePlayers, count, loaded, searchQuery }: OnlinePlayersProps) { const [search, setSearch] = useState(searchQuery ?? ''); const [loading, setLoading] = useState(false); const handleLoadAll: FormEventHandler = (e) => { e.preventDefault(); setLoading(true); router.get(route('admin.online'), { load: true }, { onFinish: () => setLoading(false), }); }; const handleSearch: FormEventHandler = (e) => { e.preventDefault(); if (!search.trim()) return; setLoading(true); router.get(route('admin.online'), { search: search.trim() }, { onFinish: () => setLoading(false), }); }; return (

Online Players

Search or load all online players

setSearch(e.target.value)} className="flex-1" />
or
{loaded && ( {count === 0 ? (

{searchQuery ? `No players found matching "${searchQuery}"` : 'No players online'}

{searchQuery ? 'Try a different search term' : 'Check back later'}

) : (
{onlinePlayers.map((player) => (
{player.name} {player.class_name}

{player.faction_name ? player.faction_name : 'None Faction'}

Level {player.level} {player.level2 > 0 && ( / {player.level2} )}

{player.gender === 0 ? 'Male' : 'Female'}

Online
))}
)} )}
); }