1 files changed, 0 insertions, 158 deletions
diff --git a/webapp/components/status_dropdown/status_dropdown.jsx b/webapp/components/status_dropdown/status_dropdown.jsx
deleted file mode 100644
index 4b173a0ea..000000000
--- a/webapp/components/status_dropdown/status_dropdown.jsx
+++ /dev/null
@@ -1,158 +0,0 @@
-// 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 (
-            <img
-                className='user__picture'
-                src={this.props.profilePicture}
-            />
-        );
-    }
-
-    renderStatusAction = (status, onClick) => {
-        return (
-            <li key={status}>
-                <a
-                    href={'#'}
-                    onClick={onClick}
-                >
-                    <FormattedMessage
-                        id={`status_dropdown.set_${status}`}
-                        defaultMessage={status}
-                    />
-                </a>
-            </li>
-        );
-    }
-
-    renderStatusIcon = () => {
-        if (this.state.mouseOver) {
-            return (
-                <span className={'status status-edit'}>
-                    <i
-                        className={'fa fa-caret-down'}
-                    />
-                </span>
-            );
-        }
-        return (
-            <StatusIcon
-                status={this.props.status}
-            />
-        );
-    }
-
-    render() {
-        const statusIcon = this.renderStatusIcon();
-        const profilePicture = this.renderProfilePicture();
-        const actions = [
-            this.renderStatusOnlineAction(),
-            this.renderStatusAwayAction(),
-            this.renderStatusOfflineAction()
-        ];
-        return (
-            <Dropdown
-                id={'status-dropdown'}
-                open={this.state.showDropdown}
-                onToggle={this.onToggle}
-                style={this.props.style}
-            >
-                <BootstrapSpan
-                    bsRole={'toggle'}
-                    onMouseEnter={this.onMouseEnter}
-                    onMouseLeave={this.onMouseLeave}
-                >
-                    <div className='status-wrapper'>
-                        {profilePicture}
-                        <div className='status_dropdown__toggle'>
-                            {statusIcon}
-                        </div>
-                    </div>
-                </BootstrapSpan>
-                <Dropdown.Menu>
-                    {actions}
-                </Dropdown.Menu>
-            </Dropdown>
-        );
-    }
-}