codebattle
codebattle copied to clipboard
Перевести страницы турниров с liveview на react
Cтартовал процесс перехода: Организована подписка на события турниров, написан основной контейнер на реакте и организован redux store (rtk). Чтобы окончательно завершить переход, нужно написать набор компонентов для Tournament.jsx:
- [x] (Задачу взяли: disheg)Хеадер, с выводом основной информации по турниру и таймером отсчета до его начала. Так же несколько основных ссылок на продолжение текущей битвы и возвращение на основную страницу турниров. Для создателя добавить управление началом турнира или его отменой перед началом. Апи реализовать через мидлвару Tournament.
- [x] (Задачу взяли: karen9999)Компонент, отвечающий за турнирный чат. Вебсокетный канал настроен (мидлвара Chat). Отправку сообщений так же нужно производить через сответствующую мидлвару.
На данный момент существуют два вида турниров: Индивидуальный (игроки бьются друг с другом) и Командный (игроки разбиваются на равные команды, до выявления лучшей). Апи реализовать через мидлвару Tournament.
---- Индивидуальный Турнир (ИТ) ----- (За кальку можно взять эту страницу)
- [x] (Задачу взяли: valerr) Компонент, отвечающий за вывод участников турнира.
- [x] Ему же добавить кнопки управления участия или выхода из турнира.
- [x] Компонент с турнирной сеткой. Сверстать турнирную сетку и вывести промежуточную информацию по каждому матчу и подсветить ключевые игры для пользователя.
---- Командный Турнир (КТ) ---- (Cекцию прорабатывает SergeyKirintsev) (За кальку можно взять эту страницу)
- [ ] Компонент с панелью. Нас интересуют следующие табы:
- [ ] (Задачу взяли: valerr) 1.1 Таба с выводом участников турнира от обоих команд и промежуточный результат турнира
- [ ] 1.2 Реализовать управление по выбору команды или выхода из неё. Так же реализовать управление для создателя игры (На данный момент, ограничивается заданием имен команд)
- [ ] 2 Таба со статистикой участников турнира
- [ ] 3 Таба с общей статистикой турнира (Лучшее время битвы, лучший яп)
- [ ] Компонент с выводом результатов каждого раунда. (Тот же подход, что и у турнирной сетки ИТ)
Ветка разработки: tournament_react. Оставшиеся задачи можете взять, написав комментарии к ишью.
Взял таску с турнирным чатом
Взял таску с header
беру Командный Турнир (КТ)
Всех поздравляю! Мы перешли на реакт) Спустя 2 года)