Merge pull request #9728 from scratchfoundation/onboarding-integration

Onboarding integration

src/components/menu-bar/menu-bar.jsx

@@ -690,7 +690,7 @@ class MenuBar extends React.Component {
                     <div className={styles.fileGroup}>
                         <div
                             aria-label={this.props.intl.formatMessage(ariaMessages.tutorials)}
-                            className={classNames(styles.menuBarItem, styles.hoverable)}
+                            className={classNames(styles.menuBarItem, styles.hoverable, 'tutorials-button')}
                             onClick={this.props.onOpenTipLibrary}
                         >
                             <img

src/containers/gui.jsx

@@ -72,6 +72,9 @@ class GUI extends React.Component {
             // At this time the project view in www doesn't need to know when a project is unloaded
             this.props.onProjectLoaded();
         }
+        if (this.props.shouldStopProject && !prevProps.shouldStopProject) {
+            this.props.vm.stopAll();
+        }
     }
     render () {
         if (this.props.isError) {
@@ -130,6 +133,7 @@ GUI.propTypes = {
     onVmInit: PropTypes.func,
     projectHost: PropTypes.string,
     projectId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    shouldStopProject: PropTypes.bool,
     telemetryModalVisible: PropTypes.bool,
     vm: PropTypes.instanceOf(VM).isRequired
 };

src/index.js

@@ -6,6 +6,7 @@ import {ScratchPaintReducer} from 'scratch-paint';
 import {setFullScreen, setPlayer} from './reducers/mode';
 import {remixProject} from './reducers/project-state';
 import {setAppElement} from 'react-modal';
+import {activateDeck} from './reducers/cards.js';
 
 const guiReducers = {
     locales: LocalesReducer,
@@ -27,5 +28,6 @@ export {
     localesInitialState,
     remixProject,
     setFullScreen,
-    setPlayer
+    setPlayer,
+    activateDeck
 };