diff --git a/pages/tournament.js b/pages/tournament.js index f5c92ff..94d0da0 100644 --- a/pages/tournament.js +++ b/pages/tournament.js @@ -26,7 +26,7 @@ import {getRequest} from '../js/api'; function Tournament(props) { return ( -
{props.tournament.description}
@@ -90,28 +90,32 @@ class Match extends React.Component { } render() { - let cardClass, team1Class, team2Class, smallMessage; + let cardClass, team1Class, team2Class, smallMessage, borderClass; //possible states: single_team not_ready not_started in_progress team1_won team2_won undecided switch (this.props.match.state) { case 'in_progress': - cardClass = 'table-warning border-warning'; + cardClass = 'table-warning'; + borderClass = 'border-warning'; smallMessage = 'Spiel läuft'; break; case 'team1_won': team1Class = 'font-weight-bold'; team2Class = 'lost-team'; - cardClass = 'table-success border-success'; + cardClass = 'table-success'; + borderClass = 'border-success'; smallMessage = 'Gewinner: ' + this.props.match.team1; break; case 'team2_won': team1Class = 'lost-team'; team2Class = 'font-weight-bold'; - cardClass = 'table-success border-success'; + cardClass = 'table-success'; + borderClass = 'border-success'; smallMessage = 'Gewinner: ' + this.props.match.team2; break; case 'single_team': team2Class = 'text-muted'; - cardClass = 'table-success border-success'; + cardClass = 'table-success'; + borderClass = 'border-success'; smallMessage = 'kein Gegner, Team kommt weiter'; break; case 'not_ready': @@ -121,15 +125,16 @@ class Match extends React.Component { smallMessage = 'Spiel kann gestartet werden'; break; case 'undecided': - cardClass = 'table-success border-success'; + cardClass = 'table-success'; + borderClass = 'border-success'; smallMessage = 'Spiel beendet, unentschieden'; break; } return (