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
65 lines
1.9 KiB
JavaScript
65 lines
1.9 KiB
JavaScript
/* @flow */
|
|
|
|
import React from 'react';
|
|
|
|
import ContextMenuItem from '../../../base/components/context-menu/ContextMenuItem';
|
|
import { translate } from '../../../base/i18n';
|
|
import { IconMicrophoneEmptySlash } from '../../../base/icons';
|
|
import { connect } from '../../../base/redux';
|
|
import AbstractMuteButton, {
|
|
_mapStateToProps,
|
|
type Props
|
|
} from '../AbstractMuteButton';
|
|
|
|
|
|
/**
|
|
* Implements a React {@link Component} which displays a button for audio muting
|
|
* a participant in the conference.
|
|
*
|
|
* NOTE: At the time of writing this is a button that doesn't use the
|
|
* {@code AbstractButton} base component, but is inherited from the same
|
|
* super class ({@code AbstractMuteButton} that extends {@code AbstractButton})
|
|
* for the sake of code sharing between web and mobile. Once web uses the
|
|
* {@code AbstractButton} base component, this can be fully removed.
|
|
*/
|
|
class MuteButton extends AbstractMuteButton {
|
|
/**
|
|
* Instantiates a new {@code Component}.
|
|
*
|
|
* @inheritdoc
|
|
*/
|
|
constructor(props: Props) {
|
|
super(props);
|
|
|
|
this._handleClick = this._handleClick.bind(this);
|
|
}
|
|
|
|
/**
|
|
* Implements React's {@link Component#render()}.
|
|
*
|
|
* @inheritdoc
|
|
* @returns {ReactElement}
|
|
*/
|
|
render() {
|
|
const { _audioTrackMuted, t } = this.props;
|
|
|
|
if (_audioTrackMuted) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<ContextMenuItem
|
|
accessibilityLabel = { t('dialog.muteParticipantButton') }
|
|
className = 'mutelink'
|
|
icon = { IconMicrophoneEmptySlash }
|
|
// eslint-disable-next-line react/jsx-handler-names
|
|
onClick = { this._handleClick }
|
|
text = { t('dialog.muteParticipantButton') } />
|
|
);
|
|
}
|
|
|
|
_handleClick: () => void;
|
|
}
|
|
|
|
export default translate(connect(_mapStateToProps)(MuteButton));
|