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
128 lines
3.2 KiB
JavaScript
128 lines
3.2 KiB
JavaScript
/* @flow */
|
|
|
|
import React, { PureComponent } from 'react';
|
|
|
|
import ContextMenuItem from '../../../base/components/context-menu/ContextMenuItem';
|
|
import { translate } from '../../../base/i18n';
|
|
import { connect } from '../../../base/redux';
|
|
import { updateSettings } from '../../../base/settings';
|
|
import { NOTIFICATION_TIMEOUT_TYPE, showNotification } from '../../../notifications';
|
|
import { openSettingsDialog, SETTINGS_TABS } from '../../../settings';
|
|
|
|
/**
|
|
* The type of the React {@code Component} props of {@link HideSelfViewVideoButton}.
|
|
*/
|
|
type Props = {
|
|
|
|
/**
|
|
* Whether or not to hide the self view.
|
|
*/
|
|
disableSelfView: boolean,
|
|
|
|
/**
|
|
* The redux dispatch function.
|
|
*/
|
|
dispatch: Function,
|
|
|
|
/**
|
|
* Button text class name.
|
|
*/
|
|
className: string,
|
|
|
|
/**
|
|
* Click handler executed aside from the main action.
|
|
*/
|
|
onClick?: Function,
|
|
|
|
/**
|
|
* Invoked to obtain translated strings.
|
|
*/
|
|
t: Function
|
|
};
|
|
|
|
/**
|
|
* Implements a React {@link Component} which displays a button for hiding the local video.
|
|
*
|
|
* @augments Component
|
|
*/
|
|
class HideSelfViewVideoButton extends PureComponent<Props> {
|
|
/**
|
|
* Initializes a new {@code HideSelfViewVideoButton} instance.
|
|
*
|
|
* @param {Object} props - The read-only React Component props with which
|
|
* the new instance is to be initialized.
|
|
*/
|
|
constructor(props: Props) {
|
|
super(props);
|
|
|
|
// Bind event handlers so they are only bound once for every instance.
|
|
this._onClick = this._onClick.bind(this);
|
|
}
|
|
|
|
/**
|
|
* Implements React's {@link Component#render()}.
|
|
*
|
|
* @inheritdoc
|
|
* @returns {null|ReactElement}
|
|
*/
|
|
render() {
|
|
const {
|
|
className,
|
|
t
|
|
} = this.props;
|
|
|
|
return (
|
|
<ContextMenuItem
|
|
accessibilityLabel = { t('videothumbnail.hideSelfView') }
|
|
className = 'hideselflink'
|
|
id = 'hideselfviewButton'
|
|
onClick = { this._onClick }
|
|
text = { t('videothumbnail.hideSelfView') }
|
|
textClassName = { className } />
|
|
);
|
|
}
|
|
|
|
_onClick: () => void;
|
|
|
|
/**
|
|
* Hides the local video.
|
|
*
|
|
* @private
|
|
* @returns {void}
|
|
*/
|
|
_onClick() {
|
|
const { disableSelfView, dispatch, onClick } = this.props;
|
|
|
|
onClick && onClick();
|
|
dispatch(updateSettings({
|
|
disableSelfView: !disableSelfView
|
|
}));
|
|
if (!disableSelfView) {
|
|
dispatch(showNotification({
|
|
titleKey: 'notify.selfViewTitle',
|
|
customActionNameKey: [ 'settings.title' ],
|
|
customActionHandler: [ () =>
|
|
dispatch(openSettingsDialog(SETTINGS_TABS.PROFILE))
|
|
]
|
|
}, NOTIFICATION_TIMEOUT_TYPE.STICKY));
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Maps (parts of) the Redux state to the associated {@code FlipLocalVideoButton}'s props.
|
|
*
|
|
* @param {Object} state - The Redux state.
|
|
* @private
|
|
* @returns {Props}
|
|
*/
|
|
function _mapStateToProps(state) {
|
|
const { disableSelfView } = state['features/base/config'];
|
|
|
|
return {
|
|
disableSelfView: Boolean(disableSelfView)
|
|
};
|
|
}
|
|
|
|
export default translate(connect(_mapStateToProps)(HideSelfViewVideoButton));
|