gaja-group
/
element-web
forked from matrix/element-web
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

rebase in progress; onto 7137ba71

This commit is contained in:
Luke Barnard 2017-09-25 14:42:44 +01:00
parent 7137ba7188
commit 28e9fdc873
1 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/structures/RightPanel.js
View File

@ -34,6 +34,7 @@ class HeaderButton extends React.Component {
} }
onClick(ev) { onClick(ev) {
Analytics.trackEvent(...this.props.analytics);
dis.dispatch({ dis.dispatch({
action: 'view_right_panel_phase', action: 'view_right_panel_phase',
phase: this.props.clickPhase, phase: this.props.clickPhase,
@ -60,11 +61,19 @@ class HeaderButton extends React.Component {
} }
HeaderButton.propTypes = { HeaderButton.propTypes = {
// If currentPhase is one of the specified phases, the button will be highlighted
phases: PropTypes.arrayOf(PropTypes.string).isRequired, phases: PropTypes.arrayOf(PropTypes.string).isRequired,
// The currentPhase of the RightPanel
currentPhase: PropTypes.string.isRequired, currentPhase: PropTypes.string.isRequired,
// The phase to swap to when the button is clicked
clickPhase: PropTypes.string.isRequired, clickPhase: PropTypes.string.isRequired,
// The source file of the icon to display
iconSrc: PropTypes.string.isRequired, iconSrc: PropTypes.string.isRequired,
// The badge to display above the icon
badge: PropTypes.node, badge: PropTypes.node,
// The parameters to track the click event
analytics: PropTypes.arrayOf(PropTypes.string).isRequired,
}; };
module.exports = React.createClass({ module.exports = React.createClass({
@ -112,21 +121,6 @@ module.exports = React.createClass({
} }
}, },
onMemberListButtonClick: function() {
Analytics.trackEvent('Right Panel', 'Member List Button', 'click');
this.setState({ phase: this.Phase.RoomMemberList });
},
onFileListButtonClick: function() {
Analytics.trackEvent('Right Panel', 'File List Button', 'click');
this.setState({ phase: this.Phase.FilePanel });
},
onNotificationListButtonClick: function() {
Analytics.trackEvent('Right Panel', 'Notification List Button', 'click');
this.setState({ phase: this.Phase.NotificationPanel });
},
onCollapseClick: function() { onCollapseClick: function() {
dis.dispatch({ dis.dispatch({
action: 'hide_right_panel', action: 'hide_right_panel',
@ -253,16 +247,19 @@ module.exports = React.createClass({
clickPhase={this.Phase.RoomMemberList} clickPhase={this.Phase.RoomMemberList}
currentPhase={this.state.phase} currentPhase={this.state.phase}
badge={membersBadge} badge={membersBadge}
analytics={['Right Panel', 'Member List Button', 'click']}
/>, />,
<HeaderButton key="_filesButton" title={_t('Files')} iconSrc="img/icons-files.svg" <HeaderButton key="_filesButton" title={_t('Files')} iconSrc="img/icons-files.svg"
phases={[this.Phase.FilePanel]} phases={[this.Phase.FilePanel]}
clickPhase={this.Phase.FilePanel} clickPhase={this.Phase.FilePanel}
currentPhase={this.state.phase} currentPhase={this.state.phase}
analytics={['Right Panel', 'File List Button', 'click']}
/>, />,
<HeaderButton key="_notifsButton" title={_t('Notifications')} iconSrc="img/icons-notifications.svg" <HeaderButton key="_notifsButton" title={_t('Notifications')} iconSrc="img/icons-notifications.svg"
phases={[this.Phase.NotificationPanel]} phases={[this.Phase.NotificationPanel]}
clickPhase={this.Phase.NotificationPanel} clickPhase={this.Phase.NotificationPanel}
currentPhase={this.state.phase} currentPhase={this.state.phase}
analytics={['Right Panel', 'Notification List Button', 'click']}
/>, />,
]; ];
} }