theluyuan
38ba663466
Some checks failed
Close stale issues and PRs / stale (push) Has been cancelled
82 lines
2.2 KiB
TypeScript
82 lines
2.2 KiB
TypeScript
import React, { Component } from 'react';
|
|
import { WithTranslation } from 'react-i18next';
|
|
import { connect } from 'react-redux';
|
|
|
|
import { IReduxState } from '../../../app/types';
|
|
import { translate } from '../../../base/i18n/functions';
|
|
import { isVideoMutedByUser } from '../../../base/media/functions';
|
|
import PreMeetingScreen from '../../../base/premeeting/components/web/PreMeetingScreen';
|
|
import { getLocalJitsiVideoTrack } from '../../../base/tracks/functions.web';
|
|
import { isDeviceStatusVisible } from '../../functions';
|
|
|
|
interface IProps extends WithTranslation {
|
|
|
|
/**
|
|
* Indicates the className that needs to be applied.
|
|
*/
|
|
className: string;
|
|
|
|
/**
|
|
* Flag signaling if the device status is visible or not.
|
|
*/
|
|
deviceStatusVisible: boolean;
|
|
|
|
/**
|
|
* Flag signaling the visibility of camera preview.
|
|
*/
|
|
showCameraPreview: boolean;
|
|
|
|
/**
|
|
* The JitsiLocalTrack to display.
|
|
*/
|
|
videoTrack?: Object;
|
|
}
|
|
|
|
|
|
/**
|
|
* This component is displayed before joining a meeting.
|
|
*/
|
|
class PrejoinThirdParty extends Component<IProps> {
|
|
/**
|
|
* Implements React's {@link Component#render()}.
|
|
*
|
|
* @inheritdoc
|
|
* @returns {ReactElement}
|
|
*/
|
|
override render() {
|
|
const {
|
|
className,
|
|
deviceStatusVisible,
|
|
showCameraPreview,
|
|
videoTrack
|
|
} = this.props;
|
|
|
|
return (
|
|
<PreMeetingScreen
|
|
className = { `prejoin-third-party ${className}` }
|
|
showDeviceStatus = { deviceStatusVisible }
|
|
skipPrejoinButton = { false }
|
|
thirdParty = { true }
|
|
videoMuted = { !showCameraPreview }
|
|
videoTrack = { videoTrack } />
|
|
);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Maps (parts of) the redux state to the React {@code Component} props.
|
|
*
|
|
* @param {Object} state - The redux state.
|
|
* @param {Object} ownProps - The props passed to the component.
|
|
* @returns {Object}
|
|
*/
|
|
function mapStateToProps(state: IReduxState) {
|
|
return {
|
|
deviceStatusVisible: isDeviceStatusVisible(state),
|
|
showCameraPreview: !isVideoMutedByUser(state),
|
|
videoTrack: getLocalJitsiVideoTrack(state)
|
|
};
|
|
}
|
|
|
|
export default connect(mapStateToProps)(translate(PrejoinThirdParty));
|