v0.1 - макет интерфейса, аутентификация через логин, аккаунт админа, создание партии в 2 этапа, базовые настройки профиля и группы, переключение между группами, статистика

2026-06-16 17:41:06 +03:00
parent 6ab74f01aa
commit 56b5d09a4d
123 changed files with 13572 additions and 21 deletions
@@ -0,0 +1,53 @@
+import type { LeaderboardEntry } from "../domain/types";
+
+function pct(v: number | null | undefined): string {
+  return v == null ? "—" : `${Math.round(v * 100)}%`;
+}
+
+function Row({ entry }: { entry: LeaderboardEntry }) {
+  return (
+    <div className="lb-row">
+      <div className={"lb-rank" + (entry.rank && entry.rank <= 3 ? " top" : "")}>
+        {entry.rank ?? "—"}
+      </div>
+      <div>
+        <div style={{ fontWeight: 600 }}>{entry.nickname}</div>
+        <div className="lb-metrics">
+          <span>Игр: {entry.games}</span>
+          <span>Побед: {entry.wins}</span>
+          <span>WR: {pct(entry.win_rate)}</span>
+        </div>
+      </div>
+      <div className="lb-score">{entry.score ?? "—"}</div>
+    </div>
+  );
+}
+
+export function Leaderboard({
+  entries,
+  provisional,
+}: {
+  entries: LeaderboardEntry[];
+  provisional?: LeaderboardEntry[];
+}) {
+  if (entries.length === 0 && (!provisional || provisional.length === 0)) {
+    return <div className="muted small">Пока нет сыгранных партий.</div>;
+  }
+  return (
+    <div>
+      {entries.map((e) => (
+        <Row key={e.user_id} entry={e} />
+      ))}
+      {provisional && provisional.length > 0 && (
+        <>
+          <div className="label" style={{ marginTop: 10 }}>
+            Новички (мало игр)
+          </div>
+          {provisional.map((e) => (
+            <Row key={e.user_id} entry={e} />
+          ))}
+        </>
+      )}
+    </div>
+  );
+}