Ревью: корректность фронтенда

Находки прохода /code-review high по frontend/src:

- CreateMatchPage: барабан рандома, таймеры и строки адресовались по индексу,
  а удаление строки индексы сдвигает — фракция могла записаться соседу или
  потеряться. Строки получили стабильный id.
- AdminAccountsPage: переключение «активен» глотало ошибку и всё равно
  показывало «Сохранено».
- useServerEvents/useFinishMatch: завершение чужой партии не инвалидировало
  историю игр и публичные профили — открытый профиль показывал состав до
  завершения.
- guards/useMe: обрыв связи не отличался от «нет сессии», и мигание сети
  выкидывало авторизованного пользователя на /login. Транспортные ошибки
  повторяем, гварды показывают сообщение вместо редиректа.
- format: fallback на нераспознанную дату не работал (new Date не бросает
  исключение), и в интерфейс попадало «NaN.NaN NaN:NaN».
- PlaceEditor: без onPointerCancel прерванный перенос оставлял блок с классом
  dragging и сдвигом, которые React не снимает — они выставлены в обход него.
- AdminFactionsPage: refetch после сохранения одной фракции затирал
  несохранённый ввод в остальных.
- MatchDetailPage: nav(-1) после удаления уводил из приложения при открытии
  партии по прямой ссылке; id из URL мог быть NaN и уходил в запрос.

#8

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0186Fk74jkkszahEHSjBzTjD
This commit is contained in:
2026-09-09 15:30:56 +03:00
co-authored by Claude Opus 5
parent 62d75ea176
commit c4b72cca39
10 changed files with 105 additions and 57 deletions
@@ -36,8 +36,12 @@ export function AdminAccountsPage() {
};
const toggleActive = async (id: number, isActive: boolean) => {
await update.mutateAsync({ userId: id, is_active: !isActive }).catch(() => {});
toast.show("Сохранено");
try {
await update.mutateAsync({ userId: id, is_active: !isActive });
toast.show("Сохранено");
} catch (e) {
toast.show(e instanceof ApiError ? e.message : "Не удалось сохранить");
}
};
return (
+10 -3
View File
@@ -11,10 +11,17 @@ export function AdminFactionsPage() {
const toast = useToast();
const [names, setNames] = useState<Record<number, string>>({});
// Подставляем серверные названия только там, где поле ещё не трогали: refetch после
// сохранения одной фракции иначе затирал бы несохранённый ввод в остальных.
useEffect(() => {
if (factions) {
setNames(Object.fromEntries(factions.map((f) => [f.id, f.name_ru])));
}
if (!factions) return;
setNames((prev) => {
const next = { ...prev };
for (const f of factions) {
if (next[f.id] === undefined) next[f.id] = f.name_ru;
}
return next;
});
}, [factions]);
if (isLoading) return <Spinner />;