Merge pull request #1370 from mattermost/plt-1008

PLT-1008 Add skip tutorial button to intro screens

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>

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 {