Function Leaderboard

frontend/src/App.tsx:1296–1326

({
  rows,
  participantId,
  showTitle = true,
}: {
  rows: LeaderboardRow[];
  participantId?: string;
  showTitle?: boolean;
})

}

function Leaderboard({
  rows,
  participantId,
  showTitle = true,
}: {
  rows: LeaderboardRow[];
  participantId?: string;
  showTitle?: boolean;
}) {
  return (
    <aside className="leaderboardPanel">
      {showTitle ? (
        <h2>
          <Trophy size={18} />
          挑战榜
        </h2>
      ) : null}
      {rows.length === 0 ? (
        <p>还没人点亮，来当第一个。</p>
      ) : (
        rows.map((row, index) => (
          <div key={row.id} className={`leaderRow ${row.id === participantId ? "mineRow" : ""}`}>
            <span>{index + 1}</span>
            <strong>{row.nickname}</strong>
            <em>{row.unlocked_cells} 格</em>
          </div>
        ))
      )}
    </aside>
  );
}

function AdminView() {
  const [summary, setSummary] = useState<any>(null);