Merge pull request #2609 from mattermost/plt-2311

PLT-2311 Update tutorial channel names to reflect actual display names

1 files changed, 28 insertions, 3 deletions

diff --git a/webapp/components/tutorial/tutorial_view.jsx b/webapp/components/tutorial/tutorial_view.jsx
index d9e0ef40d..5f2c1a257 100644
--- a/webapp/components/tutorial/tutorial_view.jsx
+++ b/webapp/components/tutorial/tutorial_view.jsx
@@ -1,18 +1,43 @@
 // Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-import React from 'react';
-
 import TutorialIntroScreens from './tutorial_intro_screens.jsx';
 
+import ChannelStore from 'stores/channel_store.jsx';
+import Constants from 'utils/constants.jsx';
+
+import React from 'react';
+
 export default class TutorialView extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.handleChannelChange = this.handleChannelChange.bind(this);
+
+        this.state = {
+            townSquare: ChannelStore.getByName(Constants.DEFAULT_CHANNEL)
+        };
+    }
+    componentDidMount() {
+        ChannelStore.addChangeListener(this.handleChannelChange);
+    }
+    componentWillUnmount() {
+        ChannelStore.removeChangeListener(this.handleChannelChange);
+    }
+    handleChannelChange() {
+        this.setState({
+            townSquare: ChannelStore.getByName(Constants.DEFAULT_CHANNEL)
+        });
+    }
     render() {
         return (
             <div
                 id='app-content'
                 className='app__content'
             >
-                <TutorialIntroScreens/>
+                <TutorialIntroScreens
+                    townSquare={this.state.townSquare}
+                />
             </div>
         );
     }