From 2e9d6353c42dee5090e9b79d5ab3f71ed7a38976 Mon Sep 17 00:00:00 2001 From: Felix Hamme Date: Mon, 3 Dec 2018 13:41:28 +0100 Subject: [PATCH] Design public tournament list --- pages/list.js | 69 ++++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 66 insertions(+), 3 deletions(-) diff --git a/pages/list.js b/pages/list.js index 0425ab5..6e9574a 100644 --- a/pages/list.js +++ b/pages/list.js @@ -1,10 +1,73 @@ import Head from 'next/head' +import '../static/everypage.css' +import {Footer, TurniereNavigation} from "../js/CommonComponents"; +import React from "react"; +import {Card, CardBody, Container} from "reactstrap"; +import {getRequest} from "../js/api"; export default () => ( -
+
- Turnie.re - Turnierliste + Öffentliche Turniere: turnie.re -

Turnierliste

+ +
+ +
+
) + +class TournamentList extends React.Component { + constructor(props) { + super(props); + this.state = { + error: null, + isLoaded: false, + items: [] + }; + } + + componentDidMount() { + getRequest('/tournaments?type=public',{}) + .then( + response => { + console.log('response:'); + console.log(response); + this.setState({ + isLoaded: true, + items: response.data.data + }); + }, + error => { + this.setState({ + isLoaded: true, + error + }); + } + ) + } + + render() { + return ( + + + +

Öffentliche Turniere

+ {this.state.items.map(item => ( + + ))} + + + + ); + } +} + +function TournamentListEntry(props) { + return ( + + {props.name} + + ); +} \ No newline at end of file