bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/actions-bar/component.jsx
2017-05-03 13:36:16 -03:00

39 lines
1.2 KiB
JavaScript
Executable File

import React, { Component } from 'react';
import styles from './styles.scss';
import EmojiContainer from './emoji-menu/container';
import ActionsDropdown from './actions-dropdown/component';
import JoinAudioOptionsContainer from '../audio/audio-menu/container';
import MuteAudioContainer from './mute-button/container';
import { showModal } from '../app/service';
import PresentationUploderContainer from '../presentation/presentation-uploader/container'
export default class ActionsBar extends Component {
constructor(props) {
super(props);
}
render() {
const { isUserPresenter } = this.props;
return (
<div className={styles.actionsbar}>
<div className={styles.left}>
<ActionsDropdown {...{isUserPresenter}}/>
<button onClick={()=>{showModal(<PresentationUploderContainer/>)}}>UPLOAD</button>
</div>
<div className={styles.center}>
<MuteAudioContainer />
<JoinAudioOptionsContainer
handleJoinAudio={this.props.handleOpenJoinAudio}
handleCloseAudio={this.props.handleExitAudio}
/>
{/*<JoinVideo />*/}
<EmojiContainer />
</div>
</div>
);
}
}