import Head from 'next/head';
import React from 'react';
import { connect } from 'react-redux';
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,
clearErrors
} from '../js/api';
import '../static/css/errormessages.css';
import '../static/everypage.css';
export default class RegisterPage extends React.Component {
render() {
return (
);
}
}
class Register extends React.Component {
componentDidMount() {
clearErrors();
}
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 (
);
}
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.
);
}