diff --git a/pages/register.js b/pages/register.js index e622716..00b3cfa 100644 --- a/pages/register.js +++ b/pages/register.js @@ -4,6 +4,7 @@ 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' export default () => (
@@ -35,6 +36,41 @@ function Register() { ); } +class RegisterErrorList extends React.Component { + + render() { + const { error, errorMessages } = this.props; + if(error) { + return ( + + ); + } 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) { @@ -47,16 +83,6 @@ class RegisterForm extends React.Component { }; } - handleRegisterClick(state) { - const { username, email, password } = state; - - console.log(state); - - console.log(username); - console.log(email); - console.log(password); - } - render() { return (
@@ -78,7 +104,8 @@ class RegisterForm extends React.Component { Du akzeptierst die Datenschutzbestimmungen, wenn du auf Registrieren klickst. - + + ); }