// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.
import React from 'react';
import {Dropdown} from 'react-bootstrap';
import StatusIcon from 'components/status_icon.jsx';
import PropTypes from 'prop-types';
import {FormattedMessage} from 'react-intl';
import {UserStatuses} from 'utils/constants.jsx';
import BootstrapSpan from 'components/bootstrap_span.jsx';
export default class StatusDropdown extends React.Component {
static propTypes = {
style: PropTypes.object,
status: PropTypes.string,
userId: PropTypes.string.isRequired,
profilePicture: PropTypes.string,
actions: PropTypes.shape({
setStatus: PropTypes.func.isRequired
}).isRequired
}
state = {
showDropdown: false,
mouseOver: false
}
onMouseEnter = () => {
this.setState({mouseOver: true});
}
onMouseLeave = () => {
this.setState({mouseOver: false});
}
onToggle = (showDropdown) => {
this.setState({showDropdown});
}
closeDropdown = () => {
this.setState({showDropdown: false});
}
setStatus = (status) => {
this.props.actions.setStatus({
user_id: this.props.userId,
status
});
this.closeDropdown();
}
setOnline = (event) => {
event.preventDefault();
this.setStatus(UserStatuses.ONLINE);
}
setOffline = (event) => {
event.preventDefault();
this.setStatus(UserStatuses.OFFLINE);
}
setAway = (event) => {
event.preventDefault();
this.setStatus(UserStatuses.AWAY);
}
renderStatusOnlineAction = () => {
return this.renderStatusAction(UserStatuses.ONLINE, this.setOnline);
}
renderStatusAwayAction = () => {
return this.renderStatusAction(UserStatuses.AWAY, this.setAway);
}
renderStatusOfflineAction = () => {
return this.renderStatusAction(UserStatuses.OFFLINE, this.setOffline);
}
renderProfilePicture = () => {
if (!this.props.profilePicture) {
return null;
}
return (
);
}
renderStatusAction = (status, onClick) => {
return (