Fxing issue with permalink view and channel header (#2912)

2 files changed, 21 insertions, 19 deletions

diff --git a/webapp/components/post_focus_view.jsx b/webapp/components/post_focus_view.jsx
index d2fbb4532..0655a9916 100644
--- a/webapp/components/post_focus_view.jsx
+++ b/webapp/components/post_focus_view.jsx
@@ -7,8 +7,6 @@ import PostStore from 'stores/post_store.jsx';
 import ChannelStore from 'stores/channel_store.jsx';
 import * as GlobalActions from 'action_creators/global_actions.jsx';
 
-import {FormattedMessage} from 'react-intl';
-
 import React from 'react';
 
 export default class PostFocusView extends React.Component {
@@ -79,19 +77,6 @@ export default class PostFocusView extends React.Component {
         GlobalActions.emitLoadMorePostsFocusedBottomEvent();
     }
 
-    getIntroMessage() {
-        return (
-            <div className='channel-intro'>
-                <h4 className='channel-intro__title'>
-                    <FormattedMessage
-                        id='post_focus_view.beginning'
-                        defaultMessage='Beginning of Channel Archives'
-                    />
-                </h4>
-            </div>
-        );
-    }
-
     render() {
         const postsToHighlight = {};
         postsToHighlight[this.state.scrollPostId] = true;
@@ -113,7 +98,6 @@ export default class PostFocusView extends React.Component {
                     loadMorePostsBottomClicked={this.loadMorePostsBottom}
                     showMoreMessagesTop={!this.state.atTop}
                     showMoreMessagesBottom={!this.state.atBottom}
-                    introText={this.getIntroMessage()}
                     messageSeparatorTime={0}
                     postsToHighlight={postsToHighlight}
                 />
diff --git a/webapp/components/posts_view.jsx b/webapp/components/posts_view.jsx
index 4a81feba2..cc9e738bc 100644
--- a/webapp/components/posts_view.jsx
+++ b/webapp/components/posts_view.jsx
@@ -48,7 +48,7 @@ export default class PostsView extends React.Component {
         this.scrollStopAction = new DelayedAction(this.handleScrollStop);
 
         let profiles = UserStore.getProfiles();
-        if (props.channel.type === Constants.DM_CHANNEL) {
+        if (props.channel && props.channel.type === Constants.DM_CHANNEL) {
             profiles = Object.assign({}, profiles, UserStore.getDirectProfiles());
         }
 
@@ -84,7 +84,7 @@ export default class PostsView extends React.Component {
     }
     onUserChange() {
         let profiles = UserStore.getProfiles();
-        if (this.props.channel.type === Constants.DM_CHANNEL) {
+        if (this.props.channel && this.props.channel.type === Constants.DM_CHANNEL) {
             profiles = Object.assign({}, profiles, UserStore.getDirectProfiles());
         }
         this.setState({currentUser: UserStore.getCurrentUser(), profiles: JSON.parse(JSON.stringify(profiles))});
@@ -395,6 +395,20 @@ export default class PostsView extends React.Component {
         var postList = $(this.refs.postlist);
         postList.animate({scrollTop: this.refs.postlist.scrollHeight}, '500');
     }
+
+    getArchivesIntroMessage() {
+        return (
+            <div className='channel-intro'>
+                <h4 className='channel-intro__title'>
+                    <FormattedMessage
+                        id='post_focus_view.beginning'
+                        defaultMessage='Beginning of Channel Archives'
+                    />
+                </h4>
+            </div>
+        );
+    }
+
     componentDidMount() {
         if (this.props.postList != null) {
             this.updateScrolling();
@@ -405,7 +419,11 @@ export default class PostsView extends React.Component {
             UserStore.addChangeListener(this.onUserChange);
         }
 
-        this.introText = createChannelIntroMessage(this.props.channel);
+        if (this.props.channel) {
+            this.introText = createChannelIntroMessage(this.props.channel);
+        } else {
+            this.introText = this.getArchivesIntroMessage();
+        }
 
         window.addEventListener('resize', this.handleResize);
     }