From 70047a2e551e8774b26d5e6ddcd4041a35ba87d0 Mon Sep 17 00:00:00 2001
From: Jonny <littlebigjonny06@gmail.com>
Date: Tue, 18 Jun 2019 13:49:12 +0200
Subject: [PATCH 1/4] Add notifications and redirect after trying to register

---
 js/api.js         |  8 ++++++--
 pages/register.js | 14 +++++++++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/js/api.js b/js/api.js
index 6eb486c..b440bde 100644
--- a/js/api.js
+++ b/js/api.js
@@ -50,6 +50,7 @@ const reducerUserinfo = (state = defaultStateUserinfo, action) => {
             __store.dispatch({
                 type: actionTypesUserinfo.REGISTER_RESULT_SUCCESS
             });
+            action.parameters.successCallback();
             storeOptionalToken(resp);
         }).catch(error => {
             if (error.response) {
@@ -70,6 +71,7 @@ const reducerUserinfo = (state = defaultStateUserinfo, action) => {
                     }
                 });
             }
+            action.parameters.errorCallback();
         });
         return Object.assign({}, state, {});
     case actionTypesUserinfo.REGISTER_RESULT_SUCCESS:
@@ -357,13 +359,15 @@ export function verifyCredentials() {
     }
 }
 
-export function register(username, email, password) {
+export function register(username, email, password, successCallback, errorCallback) {
     __store.dispatch({
         type: actionTypesUserinfo.REGISTER,
         parameters: {
             username: username,
             email: email,
-            password: password
+            password: password,
+            successCallback: successCallback,
+            errorCallback: errorCallback
         },
         state: __store.getState()
     });
diff --git a/pages/register.js b/pages/register.js
index b7fc0ca..83506e6 100644
--- a/pages/register.js
+++ b/pages/register.js
@@ -1,6 +1,8 @@
 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';
@@ -95,12 +97,22 @@ class RegisterForm extends React.Component {
             <FormText className="mb-2 mt-4">
                     Du akzeptierst die <a href="/privacy">Datenschutzbestimmungen</a>, wenn du auf Registrieren klickst.
             </FormText>
-            <Button onClick={register.bind(this, this.state.username, this.state.email, this.state.password)}
+            <Button onClick={() => this.registerUser()}
                 color="success" size="lg" className="w-100 shadow-sm">Registrieren</Button>
             <VisibleRegisterErrorList/>
         </Form>);
     }
 
+    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});
     }

From 4068c7c621ced29247e75d4a8d0593367b82ff91 Mon Sep 17 00:00:00 2001
From: Felix Hamme <gitlab@fj.hamme.net>
Date: Tue, 18 Jun 2019 14:07:11 +0200
Subject: [PATCH 2/4] Add link to create-tournament-page on private and public
 tournament list

---
 pages/list.js    | 3 ++-
 pages/private.js | 7 ++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/pages/list.js b/pages/list.js
index 3d410e1..84dcbae 100644
--- a/pages/list.js
+++ b/pages/list.js
@@ -38,7 +38,8 @@ function PublicTournaments(props) {
                 <PublicTournamentsCard/>
             </Container>
             <Container className="pb-5 pt-3">
-                <a href='/private' className="btn btn-success shadow">zu den privaten Turnieren</a>
+                <a href='/private' className="btn btn-primary shadow">zu den privaten Turnieren</a>
+                <a href='/create' className="ml-3 btn btn-success shadow">neues Turnier erstellen</a>
             </Container>
         </div>);
     } else {
diff --git a/pages/private.js b/pages/private.js
index 2f7df41..c7a5200 100644
--- a/pages/private.js
+++ b/pages/private.js
@@ -19,7 +19,7 @@ class PrivateTournamentsPage extends React.Component {
                     <title>Private Turniere: turnie.re</title>
                 </Head>
                 <TurniereNavigation/>
-                <PrivateTournamentsPageContent/>
+                <PrivateTournamentsPageContent isSignedIn={this.props.isSignedIn}/>
                 <Footer/>
             </div>
         </RequireLogin>);
@@ -35,13 +35,14 @@ const PrivateTournamentListPage = connect(mapStateToProperties)(PrivateTournamen
 
 export default PrivateTournamentListPage;
 
-function PrivateTournamentsPageContent() {
+function PrivateTournamentsPageContent(props) {
     return (<div>
         <Container className="pt-5">
             <PrivateTournamentsCard/>
         </Container>
         <Container className="pb-5 pt-3">
-            <a href='/list' className="btn btn-success shadow">zu den öffentlichen Turnieren</a>
+            <a href='/list' className="btn btn-primary shadow">zu den öffentlichen Turnieren</a>
+            {props.isSignedIn && <a href='/create' className="ml-3 btn btn-success shadow">neues Turnier erstellen</a>}
         </Container>
     </div>);
 }

From 8baa6fe9f07d417cd90f5bccb2c849a0c1dabffb Mon Sep 17 00:00:00 2001
From: Jonny <littlebigjonny06@gmail.com>
Date: Tue, 18 Jun 2019 16:06:53 +0200
Subject: [PATCH 3/4] Add modal to describe registration process instead of a
 toast

---
 pages/register.js | 51 ++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 42 insertions(+), 9 deletions(-)

diff --git a/pages/register.js b/pages/register.js
index 83506e6..2d84200 100644
--- a/pages/register.js
+++ b/pages/register.js
@@ -1,10 +1,12 @@
 import Head from 'next/head';
 import React from 'react';
+import PropTypes from 'prop-types';
 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
+    Button, Card, CardBody, Container, Form, FormGroup, FormText, Input, Label,
+    Modal, ModalHeader, ModalBody, ModalFooter
 } from 'reactstrap';
 
 import {TurniereNavigation} from '../js/components/Navigation';
@@ -71,12 +73,15 @@ class RegisterForm extends React.Component {
         super(props);
 
         this.state = {
-            username: '', email: '', password: ''
+            username: '', email: '', password: '',
+            showRegisterSuccessModal: false, code: -1
         };
     }
 
     render() {
         return (<Form>
+            <RegisterSuccessModal isOpen={this.state.showRegisterSuccessModal}
+                close={() => this.closeRegisterSuccessModal()}/>
             <FormGroup>
                 <Label for="username">Benutzername</Label>
                 <Input name="username" value={this.state.username} onChange={this.handleUsernameInput.bind(this)}/>
@@ -103,14 +108,22 @@ class RegisterForm extends React.Component {
         </Form>);
     }
 
+    showRegisterSuccessModal() {
+        this.setState({
+            showRegisterSuccessModal: true
+        });
+    }
+
+    closeRegisterSuccessModal() {
+        Router.push('/');
+    }
+
     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);
-            });
+        register(this.state.username, this.state.email, this.state.password, () => {
+            this.showRegisterSuccessModal();
+        }, () => {
+            notify.show('Sie konnten nicht registriert werden.', 'warning', 5000);
+        });
     }
 
     handlePasswordInput(input) {
@@ -126,6 +139,26 @@ class RegisterForm extends React.Component {
     }
 }
 
+class RegisterSuccessModal extends React.Component {
+    render() {
+        return (<Modal isOpen={this.props.isOpen} toggle={this.props.close}>
+            <ModalHeader toggle={this.props.close}>Erfolgreich registriert</ModalHeader>
+            <ModalBody>
+                Sie wurden erfolgreich registriert. Um Ihren Account nutzen zu können
+                müssen Sie den Verifizierungslink, den wir Ihnen per E-Mail zugesandt haben, aufrufen.
+            </ModalBody>
+            <ModalFooter>
+                <Button color='secondary' onClick={this.props.close}>Verstanden</Button>
+            </ModalFooter>
+        </Modal>);
+    }
+}
+
+RegisterSuccessModal.proptypes = {
+    isOpen: PropTypes.bool.isRequired,
+    close: PropTypes.func.isRequired
+};
+
 function AccountRequirementMarketing() {
     return (<Container>
         <Card id="account-requirement">

From f99492c809a59f44397b790dd8dba5867b141d64 Mon Sep 17 00:00:00 2001
From: Jonny <littlebigjonny06@gmail.com>
Date: Tue, 18 Jun 2019 14:23:44 +0200
Subject: [PATCH 4/4] Add redirect to the tournament after successful creation

---
 js/api.js       | 2 +-
 pages/create.js | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/js/api.js b/js/api.js
index 6eb486c..7981253 100644
--- a/js/api.js
+++ b/js/api.js
@@ -182,7 +182,7 @@ const reducerTournamentinfo = (state = defaultStateTournamentinfo, action) => {
     case actionTypesTournamentinfo.CREATE_TOURNAMENT:
         postRequest(action.state, '/tournaments', action.parameters.tournament).then(resp => {
             storeOptionalToken(resp);
-            action.parameters.successCallback();
+            action.parameters.successCallback(resp.data);
         }).catch(error => {
             if (error.response) {
                 storeOptionalToken(error.response);
diff --git a/pages/create.js b/pages/create.js
index 0883b4a..50b56e8 100644
--- a/pages/create.js
+++ b/pages/create.js
@@ -21,6 +21,7 @@ import {Footer} from '../js/components/Footer';
 import EditableStringList from '../js/components/EditableStringList';
 import {createTournament} from '../js/api';
 import {WarningPopup} from '../js/components/WarningPopup';
+import Router from 'next/router';
 
 import '../static/css/everypage.css';
 import RequireLogin from '../js/components/RequireLogin';
@@ -216,8 +217,8 @@ class CreateTournamentForm extends React.Component {
 
     create() {
         if (this.valuesAreCredible()) {
-            createTournament(this.generateTournamentCreationObject(), () => {
-                notify.show('Das Turnier wurde erfolgreich erstellt.', 'success', 5000);
+            createTournament(this.generateTournamentCreationObject(), data => {
+                Router.push('/t/' + data.id);
             }, () => {
                 notify.show('Das Turnier konnte nicht erstellt werden.', 'warning', 5000);
             });