From 835367ba9f261ed5b2adb1ee71b658e1cbd1c9f5 Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Tue, 1 Sep 2020 18:10:14 +0300
Subject: [PATCH] Signup and login: link to eachother.

---
 src/LoginGate.tsx  | 4 +++-
 src/SignupPage.tsx | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/LoginGate.tsx b/src/LoginGate.tsx
index 9885732..a21b3b0 100644
--- a/src/LoginGate.tsx
+++ b/src/LoginGate.tsx
@@ -23,6 +23,7 @@ import { startTask } from "./helpers";
 import { Switch, Route } from "react-router";
 import { routeResolver } from "./App";
 import SignupPage from "./SignupPage";
+import { Link } from "react-router-dom";
 
 
 export default function LoginGate() {
@@ -78,7 +79,8 @@ export default function LoginGate() {
         />
         <Route>
           <Container style={{ maxWidth: "30rem" }}>
-            <h2>Please Log In</h2>
+            <h2 style={{ marginBottom: "0.1em" }}>Log In</h2>
+            <div style={{ fontSize: "90%" }}>or <Link to={routeResolver.getRoute("signup")}>create an account</Link></div>
             <LoginForm
               onSubmit={onFormSubmit}
               loading={loading}
diff --git a/src/SignupPage.tsx b/src/SignupPage.tsx
index 47fc324..f719d77 100644
--- a/src/SignupPage.tsx
+++ b/src/SignupPage.tsx
@@ -23,6 +23,7 @@ import { useCredentials } from "./credentials";
 import { useDispatch } from "react-redux";
 import { startTask } from "./helpers";
 import { login } from "./store/actions";
+import { Link } from "react-router-dom";
 
 interface FormErrors {
   errorUsername?: string;
@@ -147,7 +148,8 @@ export default function SignupPage() {
 
   return (
     <Container style={{ maxWidth: "30rem" }}>
-      <h2>Signup</h2>
+      <h2 style={{ marginBottom: "0.1em" }}>Signup</h2>
+      <div style={{ fontSize: "90%" }}>or <Link to={routeResolver.getRoute("home")}>log in to your account</Link></div>
       <form style={styles.form} onSubmit={signup}>
         <TextField
           type="text"