1 files changed, 40 insertions, 76 deletions

diff --git a/web/react/pages/channel.jsx b/web/react/pages/channel.jsx
index 8781d52a5..2122c729e 100644
--- a/web/react/pages/channel.jsx
+++ b/web/react/pages/channel.jsx
@@ -1,41 +1,45 @@
 // Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-var AppDispatcher = require('../dispatcher/app_dispatcher.jsx');
-var ChannelView = require('../components/channel_view.jsx');
-var ChannelLoader = require('../components/channel_loader.jsx');
-var ErrorBar = require('../components/error_bar.jsx');
-var ErrorStore = require('../stores/error_store.jsx');
-
-var MentionList = require('../components/mention_list.jsx');
-var GetLinkModal = require('../components/get_link_modal.jsx');
-var EditChannelModal = require('../components/edit_channel_modal.jsx');
-var DeleteChannelModal = require('../components/delete_channel_modal.jsx');
-var RenameChannelModal = require('../components/rename_channel_modal.jsx');
-var EditPostModal = require('../components/edit_post_modal.jsx');
-var DeletePostModal = require('../components/delete_post_modal.jsx');
-var MoreChannelsModal = require('../components/more_channels.jsx');
-var PostDeletedModal = require('../components/post_deleted_modal.jsx');
-var ChannelNotificationsModal = require('../components/channel_notifications.jsx');
-var TeamSettingsModal = require('../components/team_settings_modal.jsx');
-var TeamMembersModal = require('../components/team_members.jsx');
-var ChannelInfoModal = require('../components/channel_info_modal.jsx');
-var RemovedFromChannelModal = require('../components/removed_from_channel_modal.jsx');
-var RegisterAppModal = require('../components/register_app_modal.jsx');
-var ImportThemeModal = require('../components/user_settings/import_theme_modal.jsx');
-var InviteMemberModal = require('../components/invite_member_modal.jsx');
-
-var AsyncClient = require('../utils/async_client.jsx');
-var Constants = require('../utils/constants.jsx');
-var ActionTypes = Constants.ActionTypes;
-
-function setupChannelPage(props) {
-    AppDispatcher.handleViewAction({
-        type: ActionTypes.CLICK_CHANNEL,
-        name: props.ChannelName,
-        id: props.ChannelId
-    });
+import ChannelView from '../components/channel_view.jsx';
+import ChannelLoader from '../components/channel_loader.jsx';
+import ErrorBar from '../components/error_bar.jsx';
+import ErrorStore from '../stores/error_store.jsx';
+
+import GetTeamInviteLinkModal from '../components/get_team_invite_link_modal.jsx';
+import RenameChannelModal from '../components/rename_channel_modal.jsx';
+import EditPostModal from '../components/edit_post_modal.jsx';
+import DeletePostModal from '../components/delete_post_modal.jsx';
+import MoreChannelsModal from '../components/more_channels.jsx';
+import PostDeletedModal from '../components/post_deleted_modal.jsx';
+import TeamSettingsModal from '../components/team_settings_modal.jsx';
+import RemovedFromChannelModal from '../components/removed_from_channel_modal.jsx';
+import RegisterAppModal from '../components/register_app_modal.jsx';
+import ImportThemeModal from '../components/user_settings/import_theme_modal.jsx';
+import InviteMemberModal from '../components/invite_member_modal.jsx';
+
+import PreferenceStore from '../stores/preference_store.jsx';
+
+import * as Utils from '../utils/utils.jsx';
+import * as AsyncClient from '../utils/async_client.jsx';
+import * as EventHelpers from '../dispatcher/event_helpers.jsx';
+
+import Constants from '../utils/constants.jsx';
+
+function onPreferenceChange() {
+    const selectedFont = PreferenceStore.getPreference(Constants.Preferences.CATEGORY_DISPLAY_SETTINGS, 'selected_font', {value: Constants.DEFAULT_FONT}).value;
+    Utils.applyFont(selectedFont);
+    PreferenceStore.removeChangeListener(onPreferenceChange);
+}
+
+function setupChannelPage(props, team, channel) {
+    if (props.PostId === '') {
+        EventHelpers.emitChannelClickEvent(channel);
+    } else {
+        EventHelpers.emitPostFocusEvent(props.PostId);
+    }
 
+    PreferenceStore.addChangeListener(onPreferenceChange);
     AsyncClient.getAllPreferences();
 
     // ChannelLoader must be rendered first
@@ -54,27 +58,12 @@ function setupChannelPage(props) {
         document.getElementById('channel_view')
     );
 
-    ReactDOM.render(
-        <MentionList id='post_textbox' />,
-        document.getElementById('post_mention_tab')
-    );
-
-    ReactDOM.render(
-        <MentionList id='reply_textbox' />,
-        document.getElementById('reply_mention_tab')
-    );
-
-    ReactDOM.render(
-        <MentionList id='edit_textbox' />,
-        document.getElementById('edit_mention_tab')
-    );
-
     //
     // Modals
     //
     ReactDOM.render(
-        <GetLinkModal />,
-        document.getElementById('get_link_modal')
+        <GetTeamInviteLinkModal />,
+        document.getElementById('get_team_invite_link_modal')
     );
 
     ReactDOM.render(
@@ -93,36 +82,11 @@ function setupChannelPage(props) {
     );
 
     ReactDOM.render(
-        <TeamMembersModal teamDisplayName={props.TeamDisplayName} />,
-        document.getElementById('team_members_modal')
-    );
-
-    ReactDOM.render(
-        <EditChannelModal />,
-        document.getElementById('edit_channel_modal')
-    );
-
-    ReactDOM.render(
-        <DeleteChannelModal />,
-        document.getElementById('delete_channel_modal')
-    );
-
-    ReactDOM.render(
         <RenameChannelModal />,
         document.getElementById('rename_channel_modal')
     );
 
     ReactDOM.render(
-        <ChannelNotificationsModal />,
-        document.getElementById('channel_notifications_modal')
-    );
-
-    ReactDOM.render(
-        <ChannelInfoModal />,
-        document.getElementById('channel_info_modal')
-    );
-
-    ReactDOM.render(
         <MoreChannelsModal />,
         document.getElementById('more_channels_modal')
     );