blob: 82dd6eccf879d0b48a2fad829ff3342e38613d4c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
import PropTypes from 'prop-types';
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.
import React from 'react';
import Constants from 'utils/constants.jsx';
import {Tooltip, OverlayTrigger} from 'react-bootstrap';
import {FormattedMessage} from 'react-intl';
export default class SidebarHeaderDropdownButton extends React.PureComponent {
static propTypes = {
bsRole: PropTypes.oneOf(['toggle']).isRequired, // eslint-disable-line react/no-unused-prop-types
onClick: PropTypes.func.isRequired
};
render() {
const mainMenuToolTip = (
<Tooltip id='main-menu__tooltip'>
<FormattedMessage
id='sidebar.mainMenu'
defaultMessage='Main menu'
/>
</Tooltip>
);
return (
<OverlayTrigger
trigger={['hover', 'focus']}
delayShow={Constants.OVERLAY_TIME_DELAY}
placement='right'
overlay={mainMenuToolTip}
>
<a
href='#'
id='sidebarHeaderDropdownButton'
className='sidebar-header-dropdown__toggle'
onClick={this.props.onClick}
>
<span
className='sidebar-header-dropdown__icon'
dangerouslySetInnerHTML={{__html: Constants.MENU_ICON}}
/>
</a>
</OverlayTrigger>
);
}
}
|