codebattle icon indicating copy to clipboard operation
codebattle copied to clipboard

Перевести страницы турниров с liveview на react

Open ReDBrother opened this issue 4 years ago • 3 comments

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. Оставшиеся задачи можете взять, написав комментарии к ишью.

ReDBrother avatar Feb 25 '21 13:02 ReDBrother

Взял таску с турнирным чатом

Hubble999 avatar Jun 14 '21 14:06 Hubble999

Взял таску с header

disheg avatar Jun 14 '21 20:06 disheg

беру Командный Турнир (КТ)

SergeyKirintsev avatar Aug 16 '21 08:08 SergeyKirintsev

Всех поздравляю! Мы перешли на реакт) Спустя 2 года)

ReDBrother avatar Oct 23 '23 22:10 ReDBrother