bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/user-list/component.jsx
2021-04-06 16:41:33 -03:00

72 lines
1.8 KiB
JavaScript
Executable File

import React, { PureComponent } from 'react';
import { injectIntl } from 'react-intl';
import PropTypes from 'prop-types';
import injectWbResizeEvent from '/imports/ui/components/presentation/resize-wrapper/component';
import { styles } from './styles.scss';
import CustomLogo from './custom-logo/component';
import UserContentContainer from './user-list-content/container';
const propTypes = {
compact: PropTypes.bool,
intl: PropTypes.shape({
formatMessage: PropTypes.func.isRequired,
}).isRequired,
CustomLogoUrl: PropTypes.string.isRequired,
isPublicChat: PropTypes.func.isRequired,
setEmojiStatus: PropTypes.func.isRequired,
clearAllEmojiStatus: PropTypes.func.isRequired,
roving: PropTypes.func.isRequired,
showBranding: PropTypes.bool.isRequired,
requestUserInformation: PropTypes.func.isRequired,
};
const defaultProps = {
compact: false,
};
class UserList extends PureComponent {
render() {
const {
intl,
compact,
setEmojiStatus,
clearAllEmojiStatus,
isPublicChat,
roving,
CustomLogoUrl,
showBranding,
hasBreakoutRoom,
requestUserInformation,
} = this.props;
return (
<div className={styles.userList}>
{
showBranding
&& !compact
&& CustomLogoUrl
? <CustomLogo CustomLogoUrl={CustomLogoUrl} /> : null
}
{<UserContentContainer
{...{
intl,
compact,
setEmojiStatus,
clearAllEmojiStatus,
isPublicChat,
roving,
hasBreakoutRoom,
requestUserInformation,
}
}
/>}
</div>
);
}
}
UserList.propTypes = propTypes;
UserList.defaultProps = defaultProps;
export default injectWbResizeEvent(injectIntl(UserList));