From 5fca8b15cb83c3ffba8b2a98da670fcb0631611c Mon Sep 17 00:00:00 2001
From: Bu Kinoshita <bukinoshita@gmail.com>
Date: Sun, 21 Jan 2018 15:42:13 -0200
Subject: [PATCH] add back button

---
 renderer/pages/login.js  | 22 ++++++++++++++++++++++
 renderer/pages/signup.js | 22 ++++++++++++++++++++++
 2 files changed, 44 insertions(+)

diff --git a/renderer/pages/login.js b/renderer/pages/login.js
index 00fd360..52a5091 100644
--- a/renderer/pages/login.js
+++ b/renderer/pages/login.js
@@ -2,6 +2,7 @@
 
 // Packages
 import { Component } from 'react'
+import Link from 'next/link'
 
 // Layouts
 import Page from './../layouts/page'
@@ -60,6 +61,10 @@ class Login extends Component {
     return (
       <Page>
         <Row>
+          <Link prefetch href="/onboard">
+            <span className="back">Back</span>
+          </Link>
+
           <section>
             <h1>
               Welcome to <span>Taskr</span>
@@ -120,6 +125,23 @@ class Login extends Component {
             flex-direction: column;
             justify-content: space-between;
           }
+
+          .back {
+            position: absolute;
+            top: 15px;
+            right: 15px;
+            color: ${colors.romanSilver};
+            font-size: ${typography.f10};
+            text-transform: uppercase;
+            display: inline-block;
+            z-index: 1;
+            transition: 0.2s;
+            cursor: pointer;
+          }
+
+          .back:hover {
+            color: ${colors.white};
+          }
         `}</style>
       </Page>
     )
diff --git a/renderer/pages/signup.js b/renderer/pages/signup.js
index edb111b..89d8331 100644
--- a/renderer/pages/signup.js
+++ b/renderer/pages/signup.js
@@ -2,6 +2,7 @@
 
 // Packages
 import { Component } from 'react'
+import Link from 'next/link'
 
 // Layouts
 import Page from './../layouts/page'
@@ -63,6 +64,10 @@ class Signup extends Component {
     return (
       <Page>
         <Row>
+          <Link prefetch href="/onboard">
+            <span className="back">Back</span>
+          </Link>
+
           <section>
             <h1>
               Welcome to <span>Taskr</span>
@@ -135,6 +140,23 @@ class Signup extends Component {
             flex-direction: column;
             justify-content: space-between;
           }
+
+          .back {
+            position: absolute;
+            top: 15px;
+            right: 15px;
+            color: ${colors.romanSilver};
+            font-size: ${typography.f10};
+            text-transform: uppercase;
+            display: inline-block;
+            z-index: 1;
+            transition: 0.2s;
+            cursor: pointer;
+          }
+
+          .back:hover {
+            color: ${colors.white};
+          }
         `}</style>
       </Page>
     )