diff options
author | Harrison Healey <harrisonmhealey@gmail.com> | 2017-05-03 11:54:32 -0400 |
---|---|---|
committer | Corey Hulen <corey@hulen.com> | 2017-05-03 08:54:32 -0700 |
commit | aa65478445b79fd8fa9f5ceadd7715e8ba3a9576 (patch) | |
tree | f4d357f7a20a3e1e85be30fcee30505d768e18bb /webapp/components/rhs_comment.jsx | |
parent | c3ed7b2540241cc9a1767f5b38bfa5b52f9d9419 (diff) | |
download | chat-aa65478445b79fd8fa9f5ceadd7715e8ba3a9576.tar.gz chat-aa65478445b79fd8fa9f5ceadd7715e8ba3a9576.tar.bz2 chat-aa65478445b79fd8fa9f5ceadd7715e8ba3a9576.zip |
PLT-6297 Added post--pinned CSS class to pinned posts (#6303)
Diffstat (limited to 'webapp/components/rhs_comment.jsx')
-rw-r--r-- | webapp/components/rhs_comment.jsx | 37 |
1 files changed, 23 insertions, 14 deletions
diff --git a/webapp/components/rhs_comment.jsx b/webapp/components/rhs_comment.jsx index e7d55813d..fb0972804 100644 --- a/webapp/components/rhs_comment.jsx +++ b/webapp/components/rhs_comment.jsx @@ -360,6 +360,28 @@ export default class RhsComment extends React.Component { addReaction(this.props.post.channel_id, this.props.post.id, emojiName); } + getClassName = (post, isSystemMessage) => { + let className = 'post post--thread'; + + if (this.props.currentUser.id === post.user_id) { + className += ' current--user'; + } + + if (isSystemMessage) { + className += ' post--system'; + } + + if (this.props.compactDisplay) { + className += 'post--compact'; + } + + if (post.is_pinned) { + className += ' post--pinned'; + } + + return className; + } + render() { const post = this.props.post; const flagIcon = Constants.FLAG_ICON_SVG; @@ -369,11 +391,6 @@ export default class RhsComment extends React.Component { const isPending = post.state === Constants.POST_FAILED || post.state === Constants.POST_LOADING; const isSystemMessage = PostUtils.isSystemMessage(post); - var currentUserCss = ''; - if (this.props.currentUser.id === post.user_id) { - currentUserCss = 'current--user'; - } - var timestamp = this.props.currentUser.last_picture_update; let status = this.props.status; @@ -445,11 +462,6 @@ export default class RhsComment extends React.Component { postClass += ' post--edited'; } - let systemMessageClass = ''; - if (isSystemMessage) { - systemMessageClass = 'post--system'; - } - let profilePic = ( <ProfilePicture src={PostUtils.getProfilePicSrcForPost(post, timestamp)} @@ -480,10 +492,7 @@ export default class RhsComment extends React.Component { ); } - let compactClass = ''; if (this.props.compactDisplay) { - compactClass = 'post--compact'; - if (post.props && post.props.from_webhook) { profilePic = ( <ProfilePicture @@ -646,7 +655,7 @@ export default class RhsComment extends React.Component { return ( <div ref={'post_body_' + post.id} - className={'post post--thread ' + currentUserCss + ' ' + compactClass + ' ' + systemMessageClass} + className={this.getClassName(post, isSystemMessage)} > <div className='post__content'> {profilePicContainer} |