import Head from 'next/head';
import '../static/everypage.css';
import {Footer, TurniereNavigation} from '../js/CommonComponents';
import React from 'react';
import { Button, Card, CardBody, Container, Form, FormGroup, FormText, Input, Label } from 'reactstrap';
import { register } from '../js/api';
import { connect } from 'react-redux';
import {
verifyCredentials
} from '../js/api';
export default class RegisterPage extends React.Component {
componentDidMount() {
verifyCredentials();
}
render() {
return (
);
}
}
function Register() {
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 (
);
}
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.
);
}