diff --git a/pages/tournament-statistics.js b/pages/tournament-statistics.js index a30dfdf..ef719ed 100644 --- a/pages/tournament-statistics.js +++ b/pages/tournament-statistics.js @@ -5,6 +5,8 @@ import { Card, CardBody, Container, + ListGroup, + ListGroupItem, Table } from 'reactstrap'; @@ -90,7 +92,7 @@ class StatisticsTournamentPage extends React.Component { let tournamentStatistics = { tournament: { code: 'abcd1234', - description: '', + description: 'The Overwatch League Season 2 Stage 2', id: 0xa1, name: 'Overwatch League Season 2019 Stage 1', owner_username: 'Blizzard Entertainment Inc.', @@ -233,14 +235,20 @@ class StatisticsTournamentPage extends React.Component { }; return ( -
+
{tournamentStatistics.tournament.name}: turnie.re - - - + +
+ +
+ + + +
+
); @@ -248,3 +256,33 @@ class StatisticsTournamentPage extends React.Component { } export default connect()(StatisticsTournamentPage); + +class PrivateTournamentInformationView extends React.Component { + + render() { + const { tournament, isSignedIn, username } = this.props; + + return ( + +

{tournament.description}

+ + + {tournament.isPublic ? 'Das Turnier ist öffentlich.' : 'Das Turnier ist privat.'} + + Turnier-Code: {tournament.code} + von {tournament.owner_username} + +
+ ); + } +} + +function mapStateToPrivateTournamentInformationViewProps(state) { + const { isSignedIn, username } = state.userinfo; + return { isSignedIn, username }; +} + +const TournamentInformationView = connect( + mapStateToPrivateTournamentInformationViewProps +)(PrivateTournamentInformationView); +