import Head from 'next/head';
import React from 'react';
import {connect} from 'react-redux';
import {Card, CardBody, Container,} from 'reactstrap';
import {TurniereNavigation} from '../js/components/Navigation';
import {Footer} from '../js/components/Footer';
import {Option, UserRestrictor} from '../js/components/UserRestrictor';
import {Login} from '../js/components/Login';
import {requestTournamentList} from '../js/api';
import '../static/everypage.css';
class PrivateTournamentsPage extends React.Component {
render() {
const {isSignedIn} = this.props;
return (
);
}
}
function mapStateToCreatePageProperties(state) {
const {isSignedIn} = state.userinfo;
return {isSignedIn};
}
const CreatePage = connect(
mapStateToCreatePageProperties,
)(PrivateTournamentsPage);
export default CreatePage;
class PrivateTournamentsListCard extends React.Component {
constructor(props) {
super(props);
this.state = {
error: null,
isLoaded: false,
items: []
};
}
componentDidMount() {
requestTournamentList('private', response => {
this.setState({
isLoaded: true,
items: response.data
});
},
error => {
this.setState({
isLoaded: true,
error
});
});
}
render() {
return (
Private Turniere
{this.state.items.map(item => (
//The code should be item.code but the api just supports it this way by now
))}
);
}
}
function TournamentListEntry(props) {
return (
{props.name}
);
}