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?