summaryrefslogtreecommitdiffstats
path: root/webapp/components/profile_picture.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/components/profile_picture.jsx')
-rw-r--r--webapp/components/profile_picture.jsx115
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
-};