/
docNemo
/
tactic-hack-ui
Обзор
Документация
Войти
/
docNemo
/
tactic-hack-ui
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
src/screens/QueueScreen.tsx
39 строк
1 KB
neo
Implement web client: queue, placement, battle with dashed-line deduction, result, reconnect
19 июл 2026, 00:13
19 июл 2026, 00:13
aba0849
Код
Авторство
О чём код?
import { ConnectionStatus } from "../net.js"; export function QueueScreen({ status, onFind, onCancel, }: { status: ConnectionStatus; onFind: () => void; onCancel: () => void; }) { return ( <div className="screen screen-center"> <h1>Tactic Hack</h1> <p className="rules-hint"> Поле 10×10, 5 кораблей, от каждого — линии по 4 осям. Промах открывает число линий в клетке, попадание раскрывает корабль и даёт ещё ход. Побеждает тот, кто первым уничтожит все корабли противника. </p> {status === "queued" ? ( <> <p className="waiting">Ищем противника…</p> <button className="btn btn-secondary" onClick={onCancel}> Отменить поиск </button> </> ) : status === "reconnecting" ? ( <p className="waiting">Восстанавливаем соединение…</p> ) : ( <button className="btn btn-primary" onClick={onFind}> Найти игру </button> )} {status === "connectionLost" && ( <p className="error-text">Соединение потеряно, партия недоступна.</p> )} </div> ); }