87 lines
2.8 KiB
JavaScript
87 lines
2.8 KiB
JavaScript
import React, { Component } from 'react';
|
|
import { injectIntl } from 'react-intl';
|
|
import PropTypes from 'prop-types';
|
|
import { withRouter } from 'react-router';
|
|
import injectWbResizeEvent from '/imports/ui/components/presentation/resize-wrapper/component';
|
|
import styles from './styles';
|
|
import UserListHeader from './user-list-header/component';
|
|
import UserContent from './user-list-content/component';
|
|
|
|
const propTypes = {
|
|
openChats: PropTypes.arrayOf(String).isRequired,
|
|
users: PropTypes.arrayOf(Object).isRequired,
|
|
compact: PropTypes.bool,
|
|
intl: PropTypes.shape({
|
|
formatMessage: PropTypes.func.isRequired,
|
|
}).isRequired,
|
|
currentUser: PropTypes.shape({}).isRequired,
|
|
meeting: PropTypes.shape({}),
|
|
isBreakoutRoom: PropTypes.bool,
|
|
getAvailableActions: PropTypes.func.isRequired,
|
|
normalizeEmojiName: PropTypes.func.isRequired,
|
|
isMeetingLocked: PropTypes.func.isRequired,
|
|
isPublicChat: PropTypes.func.isRequired,
|
|
setEmojiStatus: PropTypes.func.isRequired,
|
|
assignPresenter: PropTypes.func.isRequired,
|
|
kickUser: PropTypes.func.isRequired,
|
|
toggleVoice: PropTypes.func.isRequired,
|
|
changeRole: PropTypes.func.isRequired,
|
|
};
|
|
|
|
const defaultProps = {
|
|
compact: false,
|
|
isBreakoutRoom: false,
|
|
// This one is kinda tricky, meteor takes sometime to fetch the data and passing down
|
|
// So the first time its create, the meeting comes as null, sending an error to the client.
|
|
meeting: {},
|
|
};
|
|
|
|
class UserList extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
compact: this.props.compact,
|
|
};
|
|
|
|
this.handleToggleCompactView = this.handleToggleCompactView.bind(this);
|
|
}
|
|
|
|
handleToggleCompactView() {
|
|
this.setState({ compact: !this.state.compact });
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div className={styles.userList}>
|
|
<UserListHeader
|
|
intl={this.props.intl}
|
|
compact={this.state.compact}
|
|
/>
|
|
{<UserContent
|
|
intl={this.props.intl}
|
|
openChats={this.props.openChats}
|
|
users={this.props.users}
|
|
compact={this.props.compact}
|
|
currentUser={this.props.currentUser}
|
|
isBreakoutRoom={this.props.isBreakoutRoom}
|
|
setEmojiStatus={this.props.setEmojiStatus}
|
|
assignPresenter={this.props.assignPresenter}
|
|
kickUser={this.props.kickUser}
|
|
toggleVoice={this.props.toggleVoice}
|
|
changeRole={this.props.changeRole}
|
|
meeting={this.props.meeting}
|
|
getAvailableActions={this.props.getAvailableActions}
|
|
normalizeEmojiName={this.props.normalizeEmojiName}
|
|
isMeetingLocked={this.props.isMeetingLocked}
|
|
isPublicChat={this.props.isPublicChat}
|
|
/>}
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
UserList.propTypes = propTypes;
|
|
UserList.defaultProps = defaultProps;
|
|
|
|
export default withRouter(injectWbResizeEvent(injectIntl(UserList)));
|