import Head from 'next/head';
import React from 'react';
import {connect} from 'react-redux';
import Navbar from 'react-bootstrap/Navbar';
import {ErrorPageComponent} from '../js/components/ErrorComponents';
import {Footer} from '../js/components/Footer';
import {TurniereNavigation} from '../js/components/Navigation';
import 'bootstrap/dist/css/bootstrap.min.css';
import '../static/css/everypage.css';
import '../static/css/tournament.css';
import {PlayoffStages} from '../js/components/PlayoffStages';
import GroupStage from '../js/components/GroupStage';
import {TournamentBigImage} from '../js/components/TournamentBigImage';
import {EditButton, TournamentStatusBar, TournamentStatusBarButton} from '../js/components/TournamentStatusBar';
import {LoadingPage} from '../js/components/LoadingPage';
import {getTournament} from '../js/redux/tournamentApi';
class PrivateTournamentPage extends React.Component {
render() {
const {ownerUsername, playoffStages, groupStage} = this.props.tournament;
const {isSignedIn, username} = this.props;
const isOwner = username === ownerUsername;
return ();
}
}
function StatusBar(props) {
return (
{props.tournament.name}
);
}
function StatisticsButton(props) {
return (
Statistiken
);
}
function mapStateToTournamentPageProperties(state) {
const {isSignedIn, username} = state.userinfo;
return {isSignedIn, username};
}
const TournamentPage = connect(mapStateToTournamentPageProperties)(PrivateTournamentPage);
class Main extends React.Component {
static async getInitialProps({query}) {
return {query};
}
constructor(props) {
super(props);
this.state = {
tournament: null,
loaded: false
};
this.onTournamentRequestSuccess = this.onTournamentRequestSuccess.bind(this);
this.onTournamentRequestError = this.onTournamentRequestError.bind(this);
}
componentDidMount() {
getTournament(this.props.query.code, this.onTournamentRequestSuccess, this.onTournamentRequestError);
}
onTournamentRequestSuccess(requestStatus, tournament) {
this.setState({status: requestStatus, tournament: tournament, loaded: true});
}
onTournamentRequestError(error) {
if (error.response) {
this.setState({status: error.response.status, loaded: true});
} else {
this.setState({status: -1, loaded: true});
}
}
render() {
const tournamentName = this.state.tournament === null ? 'Turnier' : this.state.tournament.name;
const {status, tournament} = this.state;
if (status === 200) {
return (
{tournamentName}: turnie.re
);
} else {
if (!this.state.loaded) {
return ;
}
return ;
}
}
}
export default Main;