import Head from 'next/head'; import React from 'react'; import { Card, CardBody, Container } from 'reactstrap'; import { TurniereNavigation } from '../js/components/Navigation'; import { Footer } from '../js/components/Footer'; import { getRequest, getState, verifyCredentials } from '../js/api'; import '../static/everypage.css'; export default class ListPage extends React.Component { componentDidMount() { verifyCredentials(); } render() { return (
Öffentliche Turniere: turnie.re
); } } class TournamentList extends React.Component { constructor(props) { super(props); this.state = { error: null, isLoaded: false, items: [] }; } componentDidMount() { getRequest(getState(), '/tournaments?type=public') .then( response => { this.setState({ isLoaded: true, items: response.data }); }, error => { this.setState({ isLoaded: true, error }); } ); } render() { return (

Öffentliche 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} ); }