theluyuan
38ba663466
Some checks failed
Close stale issues and PRs / stale (push) Has been cancelled
59 lines
1.7 KiB
TypeScript
59 lines
1.7 KiB
TypeScript
import { connect } from 'react-redux';
|
|
|
|
import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
|
|
import { sendAnalytics } from '../../analytics/functions';
|
|
import { openDialog } from '../../base/dialog/actions';
|
|
import { translate } from '../../base/i18n/functions';
|
|
import { IconPerformance } from '../../base/icons/svg';
|
|
import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
|
|
|
|
import VideoQualityDialog from './VideoQualityDialog.web';
|
|
|
|
/**
|
|
* The type of the React {@code Component} props of
|
|
* {@link VideoQualityButton}.
|
|
*/
|
|
interface IProps extends AbstractButtonProps {
|
|
|
|
/**
|
|
* Whether or not audio only mode is currently enabled.
|
|
*/
|
|
_audioOnly: boolean;
|
|
|
|
/**
|
|
* The currently configured maximum quality resolution to be received from
|
|
* and sent to remote participants.
|
|
*/
|
|
_videoQuality: number;
|
|
}
|
|
|
|
/**
|
|
* React {@code Component} responsible for displaying a button in the overflow
|
|
* menu of the toolbar, including an icon showing the currently selected
|
|
* max receive quality.
|
|
*
|
|
* @augments Component
|
|
*/
|
|
class VideoQualityButton extends AbstractButton<IProps> {
|
|
override accessibilityLabel = 'toolbar.accessibilityLabel.callQuality';
|
|
override label = 'videoStatus.performanceSettings';
|
|
override tooltip = 'videoStatus.performanceSettings';
|
|
override icon = IconPerformance;
|
|
|
|
/**
|
|
* Handles clicking the button, and opens the video quality dialog.
|
|
*
|
|
* @private
|
|
* @returns {void}
|
|
*/
|
|
override _handleClick() {
|
|
const { dispatch } = this.props;
|
|
|
|
sendAnalytics(createToolbarEvent('video.quality'));
|
|
|
|
dispatch(openDialog(VideoQualityDialog));
|
|
}
|
|
}
|
|
|
|
export default connect()(translate(VideoQualityButton));
|