switch participant list to scoreboard

[alttp.git] / resources / js / components / tournament / Detail.js

diff --git a/resources/js/components/tournament/Detail.js b/resources/js/components/tournament/Detail.js
index 60c9d245716439653296fea58decc6659f4b8ae8..1dae1b31ba52d720fe2e59c72ce594bdbbece960 100644 (file)
--- a/resources/js/components/tournament/Detail.js
+++ b/resources/js/components/tournament/Detail.js
@@ -3,9 +3,13 @@ import React from 'react';
 import { Button, Container } from 'react-bootstrap';
 import { withTranslation } from 'react-i18next';
 
-import Participants from '../participants/List';
+import Scoreboard from './Scoreboard';
+import Protocol from '../protocol/Protocol';
 import Rounds from '../rounds/List';
-import { mayAddRounds } from '../../helpers/permissions';
+import {
+       mayAddRounds,
+       mayViewProtocol,
+} from '../../helpers/permissions';
 import { withUser } from '../../helpers/UserContext';
 import i18n from '../../i18n';
 
@@ -16,12 +20,15 @@ const Detail = ({
 }) => <Container>
        <div className="d-flex align-items-center justify-content-between">
                <h1>{tournament.title}</h1>
+               {mayViewProtocol(user, tournament) ?
+                       <Protocol id={tournament.id} />
+               : null}
        </div>
        <div className="d-flex align-items-center justify-content-between">
-               <h2>{i18n.t('participants.heading')}</h2>
+               <h2>{i18n.t('tournaments.scoreboard')}</h2>
        </div>
        {tournament.participants ?
-               <Participants participants={tournament.participants} tournament={tournament} />
+               <Scoreboard tournament={tournament} />
        : null}
        <div className="d-flex align-items-center justify-content-between">
                <h2>{i18n.t('rounds.heading')}</h2>
@@ -39,6 +46,7 @@ const Detail = ({
 Detail.propTypes = {
        addRound: PropTypes.func,
        tournament: PropTypes.shape({
+               id: PropTypes.number,
                participants: PropTypes.arrayOf(PropTypes.shape({
                })),
                rounds: PropTypes.arrayOf(PropTypes.shape({