import Head from 'next/head';
import React from 'react';
import {connect} from 'react-redux';
import {notify} from 'react-notify-toast';
import Router from 'next/router';
import {
Button, Card, CardBody, Container, Form, FormGroup, FormText, Input, Label
} from 'reactstrap';
import {TurniereNavigation} from '../js/components/Navigation';
import {Footer} from '../js/components/Footer';
import {register} from '../js/api';
import '../static/css/errormessages.css';
import '../static/css/everypage.css';
export default class RegisterPage extends React.Component {
render() {
return (
);
}
}
class Register extends React.Component {
render() {
return (
Account anlegen
);
}
}
class RegisterErrorList extends React.Component {
render() {
const {error, errorMessages} = this.props;
if (error) {
return (
{errorMessages.map((message, index) => - {message}
)}
);
} else {
return null;
}
}
}
const mapStateToErrorMessages = state => {
const {errorMessages, error} = state.userinfo;
return {errorMessages, error};
};
const VisibleRegisterErrorList = connect(mapStateToErrorMessages)(RegisterErrorList);
class RegisterForm extends React.Component {
constructor(props) {
super(props);
this.state = {
username: '', email: '', password: ''
};
}
render() {
return ();
}
registerUser() {
register(
this.state.username, this.state.email, this.state.password, () => {
notify.show('Sie wurden erfolgreich registriert, ' + this.state.username + '!', 'success', 5000);
Router.push('/');
}, () => {
notify.show('Sie konnten nicht registriert werden.', 'warning', 5000);
});
}
handlePasswordInput(input) {
this.setState({password: input.target.value});
}
handleEmailInput(input) {
this.setState({email: input.target.value});
}
handleUsernameInput(input) {
this.setState({username: input.target.value});
}
}
function AccountRequirementMarketing() {
return (
Warum ein Account nötig ist
Du benötigst deinen Account, damit nur du dein Turnier bearbeiten kannst.
);
}