From dbc32b7f4d612564aa9032551e7316c351c757d5 Mon Sep 17 00:00:00 2001
From: NotBigGhost <ivan@arseniev.info>
Date: Wed, 15 Jul 2026 17:24:31 +0300
Subject: [PATCH] =?UTF-8?q?UI:=20=D0=B2=20=D0=BD=D0=B5=D0=B7=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=B5=D1=80=D1=88=D1=91=D0=BD=D0=BD=D1=8B=D1=85=20=D0=BF=D0=B0?=
 =?UTF-8?q?=D1=80=D1=82=D0=B8=D1=8F=D1=85=20=D0=BD=D0=B0=20=D0=B3=D0=BB?=
 =?UTF-8?q?=D0=B0=D0=B2=D0=BD=D0=BE=D0=B9=20=D0=BD=D0=B8=D0=BA=D0=B8=20?=
 =?UTF-8?q?=D0=BD=D0=B5=D0=BA=D0=BB=D0=B8=D0=BA=D0=B0=D0=B1=D0=B5=D0=BB?=
 =?UTF-8?q?=D1=8C=D0=BD=D1=8B;=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B0=20?=
 =?UTF-8?q?=C2=AB=D0=A1=D0=BE=D0=B7=D0=B4=D0=B0=D1=82=D1=8C=20=D0=B3=D1=80?=
 =?UTF-8?q?=D1=83=D0=BF=D0=BF=D1=83=C2=BB=20=D0=B1=D0=B5=D0=B7=20=D0=BF?=
 =?UTF-8?q?=D0=BB=D1=8E=D1=81=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Как и в списке партий группы: карточка целиком ведёт в партию, ссылки
на профили внутри мешали выбору. Элемент возвращён к <button>.
Плюс правка подписи кнопки создания группы: «+ Создать группу» ->
«Создать группу».

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 frontend/src/components/GroupSwitcher.tsx     |  2 +-
 frontend/src/components/InProgressMatches.tsx | 18 ++++++------------
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/GroupSwitcher.tsx b/frontend/src/components/GroupSwitcher.tsx
index 7a7f88c..d67d415 100644
--- a/frontend/src/components/GroupSwitcher.tsx
+++ b/frontend/src/components/GroupSwitcher.tsx
@@ -27,7 +27,7 @@ export function GroupSwitcher() {
         })}
         {/* Плашка создания новой группы — в одном ряду логики с выбором группы. */}
         <button className="btn" onClick={() => setCreating((v) => !v)}>
-          + Создать группу
+          Создать группу
         </button>
       </div>
 
diff --git a/frontend/src/components/InProgressMatches.tsx b/frontend/src/components/InProgressMatches.tsx
index 23b9861..d4528c7 100644
--- a/frontend/src/components/InProgressMatches.tsx
+++ b/frontend/src/components/InProgressMatches.tsx
@@ -3,7 +3,6 @@ import { useNavigate } from "react-router-dom";
 
 import { formatTime, plural } from "../domain/format";
 import type { HomeInProgressMatch } from "../domain/types";
-import { PlayerLink } from "./PlayerLink";
 
 export function InProgressMatches({ items }: { items: HomeInProgressMatch[] }) {
   const navigate = useNavigate();
@@ -14,13 +13,11 @@ export function InProgressMatches({ items }: { items: HomeInProgressMatch[] }) {
       <h3 style={{ color: "var(--accent-2)" }}>Незавершённые партии</h3>
       <div className="stack">
         {items.map((m) => (
-          // div, а не button: внутри лежат ссылки на профили игроков,
-          // а интерактивные элементы внутри <button> — невалидная разметка.
-          <div
+          <button
             key={m.id}
             className="card row-between"
             onClick={() => navigate(`/match/${m.id}`)}
-            style={{ margin: 0, cursor: "pointer" }}
+            style={{ margin: 0, width: "100%", textAlign: "left" }}
           >
             <div style={{ minWidth: 0 }}>
               <div className="row" style={{ gap: 8 }}>
@@ -35,18 +32,15 @@ export function InProgressMatches({ items }: { items: HomeInProgressMatch[] }) {
                 className="small"
                 style={{ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}
               >
-                {m.participants.map((p, i) => (
-                  <span key={p.user_id}>
-                    {i > 0 && ", "}
-                    <PlayerLink userId={p.user_id}>{p.nickname}</PlayerLink>
-                  </span>
-                ))}
+                {/* Ники — просто текст: карточка целиком ведёт в партию,
+                    как и в списке партий группы. */}
+                {m.participants.map((p) => p.nickname).join(", ")}
               </div>
             </div>
             <div className="row" style={{ gap: 4, color: "var(--accent-2)", flexShrink: 0 }}>
               Завершить <ChevronRight size={18} />
             </div>
-          </div>
+          </button>
         ))}
       </div>
     </div>