From 8f32c3c4f4d3a367f10dd45e62171078c911c663 Mon Sep 17 00:00:00 2001
From: Jack Mallers <jimmymowschess@gmail.com>
Date: Sat, 21 Jul 2018 20:53:30 -0500
Subject: [PATCH 1/2] feat(help): add help link to tutorial

---
 app/components/Onboarding/FormContainer.js   | 14 +++++++++++++-
 app/components/Onboarding/FormContainer.scss | 11 +++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/app/components/Onboarding/FormContainer.js b/app/components/Onboarding/FormContainer.js
index a8633698..53b09ee8 100644
--- a/app/components/Onboarding/FormContainer.js
+++ b/app/components/Onboarding/FormContainer.js
@@ -1,3 +1,4 @@
+import { shell } from 'electron'
 import React from 'react'
 import PropTypes from 'prop-types'
 import Isvg from 'react-inlinesvg'
@@ -16,7 +17,18 @@ const FormContainer = ({ title, description, back, next, children }) => (
       <section>
         <Isvg src={zapLogo} />
       </section>
-      <section />
+      <section>
+        <div
+          className={styles.help}
+          onClick={() =>
+            shell.openExternal(
+              'https://github.com/LN-Zap/zap-tutorials/blob/master/zap-desktop-getting-started.md'
+            )
+          }
+        >
+          Need help?
+        </div>
+      </section>
     </header>
 
     <div className={styles.info}>
diff --git a/app/components/Onboarding/FormContainer.scss b/app/components/Onboarding/FormContainer.scss
index 67d5ae5a..9030b983 100644
--- a/app/components/Onboarding/FormContainer.scss
+++ b/app/components/Onboarding/FormContainer.scss
@@ -18,6 +18,17 @@
   flex-direction: row;
   justify-content: space-between;
   padding: 20px 40px;
+
+  .help {
+    color: $white;
+    text-decoration: underline;
+    cursor: pointer;
+    transition: all 0.25s;
+
+    &:hover {
+      opacity: 0.5;
+    }
+  }
 }
 
 .info {

From 81c9d45d29dfe8649431c2182a36356bf8930010 Mon Sep 17 00:00:00 2001
From: Jack Mallers <jimmymowschess@gmail.com>
Date: Sun, 22 Jul 2018 12:20:01 -0500
Subject: [PATCH 2/2] fix(help-link): update to gh-pages

---
 app/components/Onboarding/FormContainer.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/app/components/Onboarding/FormContainer.js b/app/components/Onboarding/FormContainer.js
index 53b09ee8..4a26672d 100644
--- a/app/components/Onboarding/FormContainer.js
+++ b/app/components/Onboarding/FormContainer.js
@@ -21,9 +21,7 @@ const FormContainer = ({ title, description, back, next, children }) => (
         <div
           className={styles.help}
           onClick={() =>
-            shell.openExternal(
-              'https://github.com/LN-Zap/zap-tutorials/blob/master/zap-desktop-getting-started.md'
-            )
+            shell.openExternal('https://ln-zap.github.io/zap-tutorials/zap-desktop-getting-started')
           }
         >
           Need help?