mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-15 09:17:47 +00:00
44b81b20e3
Converting the invite modal includes the following: - Creating new react components to display InviteDialog. The main parent components are ShareLink and PasswordOverview, the later handles displaying lock state and password editing. These components do not make use of atlaskit as the component for input does not yet support readonly, so for consistency within the modal content no atlaskit was used. - Using redux for keeping and accessing lock state instead of RoomLocker. - Publicly exposing the redux action lockStateChanged for direct calling on lock events experienced on the web client. - Removing Invite, InviteDialogView, and RoomLocker and references to them. - Handling errors that occur when setting a password to preserve existing web funtionality.
105 lines
2.9 KiB
JavaScript
105 lines
2.9 KiB
JavaScript
import React, { Component } from 'react';
|
|
import { connect } from 'react-redux';
|
|
|
|
import { Dialog } from '../../base/dialog';
|
|
import { translate } from '../../base/i18n';
|
|
import JitsiMeetJS from '../../base/lib-jitsi-meet';
|
|
import {
|
|
getLocalParticipant,
|
|
PARTICIPANT_ROLE
|
|
} from '../../base/participants';
|
|
|
|
import PasswordContainer from './PasswordContainer';
|
|
import ShareLinkForm from './ShareLinkForm';
|
|
|
|
/**
|
|
* A React Component for displaying other components responsible for copying the
|
|
* current conference url and for setting or removing a conference password.
|
|
*/
|
|
class InviteDialog extends Component {
|
|
/**
|
|
* InviteDialog component's property types.
|
|
*
|
|
* @static
|
|
*/
|
|
static propTypes = {
|
|
/**
|
|
* The redux store representation of the JitsiConference.
|
|
*
|
|
*/
|
|
_conference: React.PropTypes.object,
|
|
|
|
/**
|
|
* Whether or not the current user is a conference moderator.
|
|
*/
|
|
_isModerator: React.PropTypes.bool,
|
|
|
|
/**
|
|
* The url for the JitsiConference.
|
|
*/
|
|
conferenceUrl: React.PropTypes.string,
|
|
|
|
/**
|
|
* Invoked to obtain translated strings.
|
|
*/
|
|
t: React.PropTypes.func
|
|
}
|
|
|
|
/**
|
|
* Reports an analytics event for the invite modal being closed.
|
|
*
|
|
* @inheritdoc
|
|
*/
|
|
componentWillUnmount() {
|
|
JitsiMeetJS.analytics.sendEvent('toolbar.invite.close');
|
|
}
|
|
|
|
/**
|
|
* Implements React's {@link Component#render()}.
|
|
*
|
|
* @inheritdoc
|
|
* @returns {ReactElement}
|
|
*/
|
|
render() {
|
|
return (
|
|
<Dialog
|
|
cancelDisabled = { true }
|
|
okTitleKey = 'dialog.done'
|
|
titleString = { this.props.t(
|
|
'invite.inviteTo',
|
|
{ conferenceName: this.props._conference.room }) } >
|
|
<div className = 'invite-dialog'>
|
|
<ShareLinkForm toCopy = { this.props.conferenceUrl } />
|
|
<PasswordContainer
|
|
conference = { this.props._conference.conference }
|
|
locked = { this.props._conference.locked }
|
|
password = { this.props._conference.password }
|
|
showPasswordEdit = { this.props._isModerator } />
|
|
</div>
|
|
</Dialog>
|
|
);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Maps (parts of) the Redux state to the associated InviteDialog's props.
|
|
*
|
|
* @param {Object} state - The Redux state.
|
|
* @private
|
|
* @returns {{
|
|
* _conference: Object,
|
|
* _isModerator: boolean
|
|
* }}
|
|
*/
|
|
function _mapStateToProps(state) {
|
|
const { role }
|
|
= getLocalParticipant(state['features/base/participants']);
|
|
|
|
return {
|
|
_conference: state['features/base/conference'],
|
|
_isModerator: role === PARTICIPANT_ROLE.MODERATOR
|
|
};
|
|
}
|
|
|
|
export default translate(connect(_mapStateToProps)(InviteDialog));
|