import { Button, Col, Container, Row } from 'react-bootstrap';
import { withTranslation } from 'react-i18next';
+import ApplyButton from './ApplyButton';
import Scoreboard from './Scoreboard';
+import ScoreChartButton from './ScoreChartButton';
+import ApplicationsButton from '../applications/Button';
import Protocol from '../protocol/Protocol';
import Rounds from '../rounds/List';
import Box from '../users/Box';
<Col lg={8} xl={9}>
<div className="d-flex align-items-center justify-content-between">
<h1>{tournament.title}</h1>
- {mayViewProtocol(user, tournament) ?
- <Protocol id={tournament.id} />
- : null}
+ <div className="button-bar">
+ <ApplicationsButton tournament={tournament} />
+ <ApplyButton tournament={tournament} />
+ {mayViewProtocol(user, tournament) ?
+ <Protocol id={tournament.id} />
+ : null}
+ </div>
</div>
</Col>
</Row>
<div className="tournament-sidebar">
<div className="d-flex align-items-center justify-content-between">
<h2>{i18n.t('tournaments.scoreboard')}</h2>
+ {hasRunners(tournament) && tournament.rounds.length > 2 ?
+ <ScoreChartButton tournament={tournament} />
+ : null}
</div>
{hasRunners(tournament) ?
<Scoreboard tournament={tournament} />