From f55374d5328f672dbce47e8d452ce17d02ced9f8 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sat, 8 Aug 2020 11:13:00 +0300
Subject: feat: add redirect tips to auth pages

---
 src/pages/LoginPage/LoginPage.tsx | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

(limited to 'src/pages/LoginPage/LoginPage.tsx')

diff --git a/src/pages/LoginPage/LoginPage.tsx b/src/pages/LoginPage/LoginPage.tsx
index 367ed6b..2bc7e5a 100644
--- a/src/pages/LoginPage/LoginPage.tsx
+++ b/src/pages/LoginPage/LoginPage.tsx
@@ -23,6 +23,15 @@ const useStyles = makeStyles(theme => ({
   formHeader: {
     textAlign: 'center',
     fontSize: 25
+  },
+  formTransfer: {
+    display: 'flex',
+    justifyContent: 'center'
+  },
+  transferButton: {
+    marginLeft: 10,
+    color: 'green',
+    cursor: 'pointer'
   }
 }));
 
@@ -50,7 +59,9 @@ const LoginPage: React.FC = () => {
     }
   };
 
-  // TODO: Add registration redirect
+  const handleRegistration = () => {
+    history.push('/registration');
+  };
 
   return (
     <>
@@ -74,6 +85,16 @@ const LoginPage: React.FC = () => {
         />
         <Button variant="contained" onClick={handleSubmit}>submit</Button>
       </form>
+      <div className={classes.formTransfer}>
+        <div>{'Don\'t have an account?'}</div>
+        <span
+          onClick={handleRegistration}
+          className={classes.transferButton}
+          role="presentation"
+        >
+          Sign up
+        </span>
+      </div>
     </>
   );
 };
-- 
cgit v1.2.3

