summaryrefslogtreecommitdiffstats
path: root/webapp/components/team_sidebar/components/team_button.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/components/team_sidebar/components/team_button.jsx')
-rw-r--r--webapp/components/team_sidebar/components/team_button.jsx127
1 files changed, 0 insertions, 127 deletions
diff --git a/webapp/components/team_sidebar/components/team_button.jsx b/webapp/components/team_sidebar/components/team_button.jsx
deleted file mode 100644
index 57f436eb2..000000000
--- a/webapp/components/team_sidebar/components/team_button.jsx
+++ /dev/null
@@ -1,127 +0,0 @@
-// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
-// See License.txt for license information.
-
-import Constants from 'utils/constants.jsx';
-
-import {trackEvent} from 'actions/diagnostics_actions.jsx';
-import {switchTeams} from 'actions/team_actions.jsx';
-
-import PropTypes from 'prop-types';
-
-import React from 'react';
-import {Link} from 'react-router/es6';
-import {Tooltip, OverlayTrigger} from 'react-bootstrap';
-
-export default class TeamButton extends React.Component {
- constructor(props) {
- super(props);
-
- this.handleSwitch = this.handleSwitch.bind(this);
- this.handleDisabled = this.handleDisabled.bind(this);
- }
-
- handleSwitch(e) {
- e.preventDefault();
- trackEvent('ui', 'ui_team_sidebar_switch_team');
- switchTeams(this.props.url);
- }
-
- handleDisabled(e) {
- e.preventDefault();
- }
-
- render() {
- let teamClass = this.props.active ? 'active' : '';
- const btnClass = this.props.btnClass;
- const disabled = this.props.disabled ? 'team-disabled' : '';
- const handleClick = (this.props.active || this.props.disabled) ? this.handleDisabled : this.handleSwitch;
- let badge;
-
- if (!teamClass) {
- teamClass = this.props.unread ? 'unread' : '';
-
- if (this.props.mentions) {
- badge = (
- <span className='badge pull-right small'>{this.props.mentions}</span>
- );
- }
- }
-
- let btn;
- let content = this.props.content;
- if (!content) {
- content = (
- <div className='team-btn__initials'>
- {this.props.displayName.substring(0, 2)}
- <div className='team-btn__content'>
- {this.props.displayName}
- </div>
- </div>
- );
- }
- if (this.props.isMobile) {
- btn = (
- <div className={'team-btn ' + btnClass}>
- {badge}
- {content}
- </div>
- );
- } else {
- btn = (
- <OverlayTrigger
- trigger={['hover', 'focus']}
- delayShow={Constants.OVERLAY_TIME_DELAY}
- placement={this.props.placement}
- overlay={
- <Tooltip id={`tooltip-${this.props.url}`}>
- {this.props.tip}
- </Tooltip>
- }
- >
- <div className={'team-btn ' + btnClass}>
- {badge}
- {content}
- </div>
- </OverlayTrigger>
- );
- }
-
- return (
- <div
- className={`team-container ${teamClass}`}
- >
- <Link
- className={disabled}
- to={this.props.url}
- onClick={handleClick}
- >
- {btn}
- </Link>
- </div>
- );
- }
-}
-
-TeamButton.defaultProps = {
- btnClass: '',
- tip: '',
- placement: 'right',
- active: false,
- disabled: false,
- unread: false,
- mentions: 0
-};
-
-TeamButton.propTypes = {
- btnClass: PropTypes.string,
- url: PropTypes.string.isRequired,
- displayName: PropTypes.string,
- content: PropTypes.node,
- tip: PropTypes.node.isRequired,
- active: PropTypes.bool,
- disabled: PropTypes.bool,
- isMobile: PropTypes.bool,
- unread: PropTypes.bool,
- mentions: PropTypes.number,
- placement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])
-};