PLT-4293 - Adding status indicator to RHS thread (#4292)

* PLT-4293 - Adding status indicator to RHS thread

* Coming conditional

* Changing const position

* Uber UI changes

* Revert "Uber UI changes"

This reverts commit 6b756c38ccde7da6b8180e119a00beb92b4b8057.

webapp/components/post_view/components/post.jsx

@@ -199,16 +199,6 @@ export default class Post extends React.Component {
             />
         );
 
-        if (this.props.compactDisplay) {
-            profilePic = (
-                <ProfilePicture
-                    src=''
-                    status={this.props.status}
-                    user={this.props.user}
-                />
-            );
-        }
-
         if (PostUtils.isSystemMessage(post)) {
             profilePic = (
                 <span
@@ -224,11 +214,20 @@ export default class Post extends React.Component {
         }
 
         let compactClass = '';
-        const profilePicContainer = (<div className='post__img'>{profilePic}</div>);
         if (this.props.compactDisplay) {
             compactClass = 'post--compact';
+
+            profilePic = (
+                <ProfilePicture
+                    src=''
+                    status={this.props.status}
+                    user={this.props.user}
+                />
+            );
         }
 
+        const profilePicContainer = (<div className='post__img'>{profilePic}</div>);
+
         let dropdownOpenedClass = '';
         if (this.state.dropdownOpened) {
             dropdownOpenedClass = 'post--hovered';

webapp/components/rhs_comment.jsx

@@ -276,7 +276,7 @@ export default class RhsComment extends React.Component {
             );
         }
 
-        const profilePic = (
+        let profilePic = (
             <ProfilePicture
                 src={PostUtils.getProfilePicSrcForPost(post, timestamp)}
                 status={this.props.status}
@@ -287,12 +287,20 @@ export default class RhsComment extends React.Component {
         );
 
         let compactClass = '';
-        let profilePicContainer = (<div className='post__img'>{profilePic}</div>);
         if (this.props.compactDisplay) {
             compactClass = 'post--compact';
-            profilePicContainer = '';
+
+            profilePic = (
+                <ProfilePicture
+                    src=''
+                    status={this.props.status}
+                    user={this.props.user}
+                />
+            );
         }
 
+        const profilePicContainer = (<div className='post__img'>{profilePic}</div>);
+
         let fileAttachment = null;
         if (post.file_ids && post.file_ids.length > 0) {
             fileAttachment = (

webapp/components/rhs_root_post.jsx

@@ -302,12 +302,19 @@ export default class RhsRootPost extends React.Component {
         }
 
         let compactClass = '';
-        let profilePicContainer = (<div className='post__img'>{profilePic}</div>);
         if (this.props.compactDisplay) {
             compactClass = 'post--compact';
-            profilePicContainer = '';
+
+            profilePic = (
+                <ProfilePicture
+                    src=''
+                    status={this.props.status}
+                    user={this.props.user}
+                />
+            );
         }
 
+        const profilePicContainer = (<div className='post__img'>{profilePic}</div>);
         const messageWrapper = <PostMessageContainer post={post}/>;
 
         let flag;

webapp/components/search_results_item.jsx

@@ -106,10 +106,9 @@ export default class SearchResultsItem extends React.Component {
         );
 
         let compactClass = '';
-        let profilePicContainer = (<div className='post__img'>{profilePic}</div>);
+        const profilePicContainer = (<div className='post__img'>{profilePic}</div>);
         if (this.props.compactDisplay) {
             compactClass = 'post--compact';
-            profilePicContainer = '';
         }
 
         let flag;