blob: df93123ccdd40eb76cd1498e68c4afbd02eea173 (
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
|
// @flow
import Droplist, { Item, Group } from '@atlaskit/droplist';
import HelpIcon from '@atlaskit/icon/glyph/question-circle';
import React, { Component } from 'react';
import config from '../../config';
import { openExternalLink } from '../../utils';
type State = {
/**
* Whether the droplist is open or not.
*/
droplistOpen: boolean
};
/**
* Help button for Navigation Bar.
*/
export default class HelpButton extends Component< *, State> {
/**
* Initializes a new {@code HelpButton} instance.
*
* @inheritdoc
*/
constructor() {
super();
this.state = {
droplistOpen: false
};
this._onAboutClick = openExternalLink.bind(undefined, config.aboutURL);
this._onIconClick = this._onIconClick.bind(this);
this._onPrivacyClick
= openExternalLink.bind(undefined, config.privacyPolicyURL);
this._onTermsClick
= openExternalLink.bind(undefined, config.termsAndConditionsURL);
this._onSendFeedbackClick
= openExternalLink.bind(undefined, config.feedbackURL);
}
_onAboutClick: (*) => void;
_onIconClick: (*) => void;
/**
* Toggles the droplist.
*
* @returns {void}
*/
_onIconClick() {
this.setState({
droplistOpen: !this.state.droplistOpen
});
}
_onPrivacyClick: (*) => void;
_onTermsClick: (*) => void;
_onSendFeedbackClick: (*) => void;
/**
* Render function of component.
*
* @returns {ReactElement}
*/
render() {
return (
<Droplist
isOpen = { this.state.droplistOpen }
onClick = { this._onIconClick }
onOpenChange = { this._onIconClick }
position = 'right bottom'
trigger = { <HelpIcon /> }>
<Group heading = 'Help'>
<Item onActivate = { this._onTermsClick }>
Terms
</Item>
<Item onActivate = { this._onPrivacyClick }>
Privacy
</Item>
<Item onActivate = { this._onSendFeedbackClick }>
Send Feedback
</Item>
<Item onActivate = { this._onAboutClick }>
About
</Item>
</Group>
</Droplist>
);
}
}
|
