diff options
Diffstat (limited to 'webapp/components/profile_picture.jsx')
-rw-r--r-- | webapp/components/profile_picture.jsx | 115 |
1 files changed, 0 insertions, 115 deletions
diff --git a/webapp/components/profile_picture.jsx b/webapp/components/profile_picture.jsx deleted file mode 100644 index 90cea9d34..000000000 --- a/webapp/components/profile_picture.jsx +++ /dev/null @@ -1,115 +0,0 @@ -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import ProfilePopover from './profile_popover.jsx'; -import Pluggable from 'plugins/pluggable'; -import * as Utils from 'utils/utils.jsx'; - -import PropTypes from 'prop-types'; - -import React from 'react'; -import StatusIcon from './status_icon.jsx'; -import {OverlayTrigger} from 'react-bootstrap'; - -export default class ProfilePicture extends React.Component { - constructor(props) { - super(props); - - this.hideProfilePopover = this.hideProfilePopover.bind(this); - } - shouldComponentUpdate(nextProps) { - if (!Utils.areObjectsEqual(nextProps.user, this.props.user)) { - return true; - } - - if (nextProps.src !== this.props.src) { - return true; - } - - if (nextProps.status !== this.props.status) { - return true; - } - - if (nextProps.width !== this.props.width) { - return true; - } - - if (nextProps.height !== this.props.height) { - return true; - } - - if (nextProps.isBusy !== this.props.isBusy) { - return true; - } - - return false; - } - - hideProfilePopover() { - this.refs.overlay.hide(); - } - - render() { - if (this.props.user) { - return ( - <OverlayTrigger - ref='overlay' - trigger='click' - placement='right' - rootClose={true} - overlay={ - <Pluggable> - <ProfilePopover - user={this.props.user} - src={this.props.src} - status={this.props.status} - isBusy={this.props.isBusy} - hide={this.hideProfilePopover} - isRHS={this.props.isRHS} - hasMention={this.props.hasMention} - /> - </Pluggable> - } - > - <span className='status-wrapper'> - <img - className='more-modal__image' - width={this.props.width} - height={this.props.width} - src={this.props.src} - /> - <StatusIcon status={this.props.status}/> - </span> - </OverlayTrigger> - ); - } - return ( - <span className='status-wrapper'> - <img - className='more-modal__image' - width={this.props.width} - height={this.props.width} - src={this.props.src} - /> - <StatusIcon status={this.props.status}/> - </span> - ); - } -} - -ProfilePicture.defaultProps = { - width: '36', - height: '36', - isRHS: false, - hasMention: false -}; -ProfilePicture.propTypes = { - src: PropTypes.string.isRequired, - status: PropTypes.string, - width: PropTypes.string, - height: PropTypes.string, - user: PropTypes.object, - isBusy: PropTypes.bool, - isRHS: PropTypes.bool, - hasMention: PropTypes.bool -}; |