From 27693296bf4f15756c3a89781c0c7915f9772032 Mon Sep 17 00:00:00 2001
From: Sander Vocke <sandervocke@gmail.com>
Date: Thu, 12 Nov 2020 17:12:08 +0100
Subject: [PATCH] Registration and login pages link to each other.

---
 .../components/windows/login/LoginWindow.tsx  | 11 ++++++++++
 .../windows/register/RegisterWindow.tsx       | 20 ++++++++++++++-----
 2 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/client/src/components/windows/login/LoginWindow.tsx b/client/src/components/windows/login/LoginWindow.tsx
index fe9e216..997b6f1 100644
--- a/client/src/components/windows/login/LoginWindow.tsx
+++ b/client/src/components/windows/login/LoginWindow.tsx
@@ -4,6 +4,7 @@ import { Box, Paper, Typography, TextField, Button } from "@material-ui/core";
 import { useHistory, useLocation } from 'react-router';
 import { useAuth, Auth } from '../../../lib/useAuth';
 import Alert from '@material-ui/lab/Alert';
+import { Link } from 'react-router-dom';
 
 export enum LoginStatus {
     NoneSubmitted = 0,
@@ -70,6 +71,7 @@ export function LoginWindowControlled(props: {
         <Box
             m={1}
             mt={4}
+            width="500px"
         >
             <Paper>
                 <Box p={3}>
@@ -113,6 +115,15 @@ export function LoginWindowControlled(props: {
                             variant="outlined"
                             color="primary"
                         >Sign in</Button>
+                        <Box display="flex" alignItems="center" mt={2}>
+                            <Typography>Need an account?</Typography>
+                            <Box flexGrow={1} ml={2}><Button
+                                onClick={() => history.replace("/register")}
+                                fullWidth
+                                variant="outlined"
+                                color="primary"
+                            >Sign up</Button></Box>
+                        </Box>
                     </form>
                 </Box>
             </Paper>
diff --git a/client/src/components/windows/register/RegisterWindow.tsx b/client/src/components/windows/register/RegisterWindow.tsx
index 888bc48..dfd6156 100644
--- a/client/src/components/windows/register/RegisterWindow.tsx
+++ b/client/src/components/windows/register/RegisterWindow.tsx
@@ -76,6 +76,7 @@ export function RegisterWindowControlled(props: {
         <Box
             m={1}
             mt={4}
+            width="500px"
         >
             <Paper>
                 <Box p={3}>
@@ -118,11 +119,20 @@ export function RegisterWindowControlled(props: {
                             </Alert>
                         }
                         {props.state.status !== RegistrationStatus.Successful && <Button
-                            type="submit"
-                            fullWidth
-                            variant="outlined"
-                            color="primary"
-                        >Sign up</Button>}
+                                type="submit"
+                                fullWidth
+                                variant="outlined"
+                                color="primary"
+                            >Sign up</Button>}
+                        <Box display="flex" alignItems="center" mt={2}>
+                            <Typography>Already have an account?</Typography>
+                            <Box flexGrow={1} ml={2}><Button
+                                onClick={() => history.replace("/login")}
+                                fullWidth
+                                variant="outlined"
+                                color="primary"
+                            >Sign in</Button></Box>
+                        </Box>
                     </form>
                 </Box>
             </Paper>