diff options
author | Joram Wilander <jwawilander@gmail.com> | 2016-08-22 20:35:28 -0400 |
---|---|---|
committer | Corey Hulen <corey@hulen.com> | 2016-08-22 16:35:28 -0800 |
commit | c3c62ad2ad018be6887149e92dd35bb527f55168 (patch) | |
tree | 0402aca6be2f632a0d8d2bd54f7bae1646154842 /webapp/components/popover_list_members.jsx | |
parent | f0c672e3ad64f0daf023d9ef70de940b3354e133 (diff) | |
download | chat-c3c62ad2ad018be6887149e92dd35bb527f55168.tar.gz chat-c3c62ad2ad018be6887149e92dd35bb527f55168.tar.bz2 chat-c3c62ad2ad018be6887149e92dd35bb527f55168.zip |
PLT-3982 Add statuses to profile pictures in the RHS and popover member list (#3845)
* Added status indicator back to popover member list
* Updating positions of status indicator (#3844)
* Fixed squishy profile pictures and added statuses to RHS pics
Diffstat (limited to 'webapp/components/popover_list_members.jsx')
-rw-r--r-- | webapp/components/popover_list_members.jsx | 34 |
1 files changed, 17 insertions, 17 deletions
diff --git a/webapp/components/popover_list_members.jsx b/webapp/components/popover_list_members.jsx index 18bde1bc2..bfbe66677 100644 --- a/webapp/components/popover_list_members.jsx +++ b/webapp/components/popover_list_members.jsx @@ -1,20 +1,21 @@ // Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. // See License.txt for license information. -import $ from 'jquery'; +import ProfilePicture from 'components/profile_picture.jsx'; import TeamStore from 'stores/team_store.jsx'; import UserStore from 'stores/user_store.jsx'; -import {Popover, Overlay} from 'react-bootstrap'; + +import Client from 'client/web_client.jsx'; import * as Utils from 'utils/utils.jsx'; import Constants from 'utils/constants.jsx'; -import Client from 'client/web_client.jsx'; +import $ from 'jquery'; +import React from 'react'; +import {Popover, Overlay} from 'react-bootstrap'; import {FormattedMessage} from 'react-intl'; import {browserHistory} from 'react-router/es6'; -import React from 'react'; - export default class PopoverListMembers extends React.Component { constructor(props) { super(props); @@ -89,24 +90,23 @@ export default class PopoverListMembers extends React.Component { } if (name) { - if (!m.status) { - var status = UserStore.getStatus(m.id); - m.status = status ? 'status-' + status : ''; + let status; + if (m.status) { + status = m.status; + } else { + status = UserStore.getStatus(m.id); } popoverHtml.push( <div className='more-modal__row' key={'popover-member-' + i} > - - <span className={`more-modal__image-wrapper ${m.status}`}> - <img - className='more-modal__image' - width='26px' - height='26px' - src={`${Client.getUsersRoute()}/${m.id}/image?time=${m.update_at}`} - /> - </span> + <ProfilePicture + src={`${Client.getUsersRoute()}/${m.id}/image?time=${m.update_at}`} + status={status} + width='26' + height='26' + /> <div className='more-modal__details'> <div className='more-modal__name' |