From 55882e1b8356fd59db9fc35f2d88617b1e542a4d Mon Sep 17 00:00:00 2001
From: JoramWilander <jwawilander@gmail.com>
Date: Mon, 9 Nov 2015 15:24:16 -0500
Subject: Add skip tutorial button to intro screens

---
 web/react/components/tutorial/tutorial_intro_screens.jsx | 12 ++++++++++++
 web/sass-files/sass/partials/_tutorial.scss              |  7 ++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

(limited to 'web')

diff --git a/web/react/components/tutorial/tutorial_intro_screens.jsx b/web/react/components/tutorial/tutorial_intro_screens.jsx
index 66ca556c6..3afc5145d 100644
--- a/web/react/components/tutorial/tutorial_intro_screens.jsx
+++ b/web/react/components/tutorial/tutorial_intro_screens.jsx
@@ -41,6 +41,11 @@ export default class TutorialIntroScreens extends React.Component {
     componentDidMount() {
         $('.tutorials__scroll').perfectScrollbar();
     }
+    skipTutorial(e) {
+        e.preventDefault();
+        const preference = PreferenceStore.setPreference(Preferences.TUTORIAL_STEP, UserStore.getCurrentId(), '999');
+        AsyncClient.savePreferences([preference]);
+    }
     createScreen() {
         switch (this.state.currentScreen) {
         case 0:
@@ -176,6 +181,13 @@ export default class TutorialIntroScreens extends React.Component {
                             >
                                 {'Next'}
                             </button>
+                            <a
+                                className='tutorial-skip'
+                                href='#'
+                                onClick={this.skipTutorial}
+                            >
+                                {'Skip tutorial'}
+                            </a>
                         </div>
                     </div>
                 </div>
diff --git a/web/sass-files/sass/partials/_tutorial.scss b/web/sass-files/sass/partials/_tutorial.scss
index a6e16fe37..cfbc3454a 100644
--- a/web/sass-files/sass/partials/_tutorial.scss
+++ b/web/sass-files/sass/partials/_tutorial.scss
@@ -162,7 +162,7 @@
         }
         .btn-primary {
             position: absolute;
-            bottom: 0;
+            bottom: 0px;
         }
     }
     h1 {
@@ -179,6 +179,11 @@
         position: absolute;
         bottom: 40px;
     }
+    .tutorial-skip {
+        position: absolute;
+        bottom: 7px;
+        left: 80px;
+    }
 }
 
 .tutorial__circles {
-- 
cgit v1.2.3-1-g7c22