import React from 'react'; import { Head, Link, usePage } from '@inertiajs/react'; import { Trophy, Globe, Target, BookOpen, ArrowLeft } from 'lucide-react'; import StudentLayout from '@/layouts/StudentLayout'; import { cn } from '@/lib/utils'; import type { PageProps } from '@/types'; interface GlobalEntry { rank: number; student_id: number; student_name: string; total_points: number; quiz_count: number; average_grade: number; is_current_user: boolean; } interface GlobalLeaderboardProps extends PageProps { leaderboard: GlobalEntry[]; } export default function GlobalLeaderboard() { const { leaderboard } = usePage().props; const getRankBadge = (rank: number) => { if (rank === 1) return 'bg-yellow-500/20 text-yellow-400 border-yellow-500/30'; if (rank === 2) return 'bg-slate-400/20 text-slate-300 border-slate-400/30'; if (rank === 3) return 'bg-amber-700/20 text-amber-600 border-amber-700/30'; return 'bg-surface border-border/50 text-text-muted'; }; return ( <>
{/* Back */} Kembali {/* Header */}

Leaderboard Global

Peringkat berdasarkan total poin dari semua quiz

{/* Leaderboard Table */}
{leaderboard.length > 0 ? ( leaderboard.map((entry) => ( )) ) : ( )}
Peringkat Nama Siswa Quiz Rata-rata Total Poin
{entry.rank}

{entry.student_name} {entry.is_current_user && ( (Kamu) )}

{entry.quiz_count} {entry.average_grade}% {entry.total_points.toLocaleString()}

Belum ada data leaderboard.
); } GlobalLeaderboard.layout = (page: any) => {page};