mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-15 14:37:49 +00:00
bad8911fe8
Video quality label now becomes "performance settings". All CSS for labels is moved to JS. Overflow menu button is also changed to "performance settings".
63 lines
1.4 KiB
JavaScript
63 lines
1.4 KiB
JavaScript
// @flow
|
|
|
|
import { translate } from '../../base/i18n';
|
|
import { IconGauge } from '../../base/icons';
|
|
import { AbstractButton, type AbstractButtonProps } from '../../base/toolbox/components';
|
|
|
|
/**
|
|
* The type of the React {@code Component} props of
|
|
* {@link VideoQualityButton}.
|
|
*/
|
|
type Props = 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,
|
|
|
|
/**
|
|
* Invoked to obtain translated strings.
|
|
*/
|
|
t: Function
|
|
};
|
|
|
|
/**
|
|
* 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.
|
|
*
|
|
* @extends Component
|
|
*/
|
|
class VideoQualityButton extends AbstractButton<Props, *> {
|
|
accessibilityLabel = 'toolbar.accessibilityLabel.callQuality';
|
|
label = 'videoStatus.performanceSettings';
|
|
tooltip = 'videoStatus.performanceSettings';
|
|
icon = IconGauge;
|
|
|
|
|
|
/**
|
|
* Handles clicking / pressing the button.
|
|
*
|
|
* @override
|
|
* @protected
|
|
* @returns {void}
|
|
*/
|
|
_handleClick() {
|
|
const { handleClick } = this.props;
|
|
|
|
if (handleClick) {
|
|
handleClick();
|
|
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
|
|
export default translate(VideoQualityButton);
|