49 lines
1.3 KiB
JavaScript
49 lines
1.3 KiB
JavaScript
// @flow
|
|
|
|
import { createToolbarEvent, sendAnalytics } from '../../../analytics';
|
|
import { SPEAKERSTATS_ENABLED, getFeatureFlag } from '../../../base/flags';
|
|
import { translate } from '../../../base/i18n';
|
|
import { connect } from '../../../base/redux';
|
|
import { navigate } from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
|
|
import { screen } from '../../../mobile/navigation/routes';
|
|
import AbstractSpeakerStatsButton from '../AbstractSpeakerStatsButton';
|
|
|
|
/**
|
|
* Implementation of a button for opening speaker stats dialog.
|
|
*/
|
|
class SpeakerStatsButton extends AbstractSpeakerStatsButton {
|
|
|
|
/**
|
|
* Handles clicking / pressing the button, and opens the appropriate dialog.
|
|
*
|
|
* @protected
|
|
* @returns {void}
|
|
*/
|
|
_handleClick() {
|
|
sendAnalytics(createToolbarEvent('speaker.stats'));
|
|
|
|
return navigate(screen.conference.speakerStats);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Maps (parts of) the redux state to the associated props for the
|
|
* {@code SpeakerStatsButton} component.
|
|
*
|
|
* @param {Object} state - The Redux state.
|
|
* @private
|
|
* @returns {{
|
|
* visible: boolean
|
|
* }}
|
|
*/
|
|
function _mapStateToProps(state): Object {
|
|
const enabled = getFeatureFlag(state, SPEAKERSTATS_ENABLED, true);
|
|
|
|
return {
|
|
visible: enabled
|
|
};
|
|
}
|
|
|
|
|
|
export default translate(connect(_mapStateToProps)(SpeakerStatsButton));
|