mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2025-12-30 11:22:31 +00:00
91437c50e3
Update video thumbnail design Update design of indicators In filmstrip view move Screen Sharing indicator to the top Removed dominant speaker indicator Use ContextMenu component for the connection stats popover Combine Remove video menu and Meeting participant context menu into one component Moved some styles from SCSS to JSS Fix mobile avatars too big Fix mobile horizontal scroll Created button for Send to breakout room action
76 lines
2.2 KiB
JavaScript
76 lines
2.2 KiB
JavaScript
// @flow
|
|
|
|
import { createToolbarEvent, sendAnalytics } from '../../analytics';
|
|
import { openDialog } from '../../base/dialog';
|
|
import { translate } from '../../base/i18n';
|
|
import { IconMuteVideoEveryone } from '../../base/icons';
|
|
import { getLocalParticipant, isLocalParticipantModerator } from '../../base/participants';
|
|
import { connect } from '../../base/redux';
|
|
import { AbstractButton, type AbstractButtonProps } from '../../base/toolbox/components';
|
|
import { MuteEveryonesVideoDialog } from '../../video-menu/components';
|
|
|
|
type Props = AbstractButtonProps & {
|
|
|
|
/**
|
|
* The Redux dispatch function.
|
|
*/
|
|
dispatch: Function,
|
|
|
|
/**
|
|
* The ID of the local participant.
|
|
*/
|
|
localParticipantId: string
|
|
};
|
|
|
|
/**
|
|
* Implements a React {@link Component} which displays a button for disabling the camera of
|
|
* every participant (except the local one).
|
|
*/
|
|
class MuteEveryonesVideoButton extends AbstractButton<Props, *> {
|
|
accessibilityLabel = 'toolbar.accessibilityLabel.muteEveryonesVideoStream';
|
|
icon = IconMuteVideoEveryone;
|
|
label = 'toolbar.muteEveryonesVideo';
|
|
tooltip = 'toolbar.muteEveryonesVideo';
|
|
|
|
/**
|
|
* Handles clicking / pressing the button, and opens a confirmation dialog.
|
|
*
|
|
* @private
|
|
* @returns {void}
|
|
*/
|
|
_handleClick() {
|
|
const { dispatch, localParticipantId, handleClick } = this.props;
|
|
|
|
if (handleClick) {
|
|
handleClick();
|
|
|
|
return;
|
|
}
|
|
|
|
sendAnalytics(createToolbarEvent('mute.everyone.pressed'));
|
|
dispatch(openDialog(MuteEveryonesVideoDialog, {
|
|
exclude: [ localParticipantId ]
|
|
}));
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Maps part of the redux state to the component's props.
|
|
*
|
|
* @param {Object} state - The redux store/state.
|
|
* @param {Props} ownProps - The component's own props.
|
|
* @returns {Object}
|
|
*/
|
|
function _mapStateToProps(state: Object, ownProps: Props) {
|
|
const localParticipant = getLocalParticipant(state);
|
|
const { disableRemoteMute } = state['features/base/config'];
|
|
const { visible = isLocalParticipantModerator(state) && !disableRemoteMute } = ownProps;
|
|
|
|
return {
|
|
localParticipantId: localParticipant.id,
|
|
visible
|
|
};
|
|
}
|
|
|
|
export default translate(connect(_mapStateToProps)(MuteEveryonesVideoButton));
|