bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/actions-bar/component.jsx

import React, { Component } from 'react';
import styles from './styles.scss';
import EmojiContainer from './emoji-menu/container';
import ActionsDropdown from './actions-dropdown/component';

import AudioControlsContainer from '../audio/audio-controls/container';
// import JoinAudioOptionsContainer from '../audio/audio-menu/container';

export default class ActionsBar extends Component {
  render() {
    const { isUserPresenter } = this.props;

    return (
      <div className={styles.actionsbar}>
        <div className={styles.left}>
          <ActionsDropdown {...{ isUserPresenter }} />
        </div>
        <div className={styles.center}>
          <AudioControlsContainer/>
          {/*
          <JoinAudioOptionsContainer
            handleJoinAudio={this.props.handleOpenJoinAudio}
            handleCloseAudio={this.props.handleExitAudio}
          />
           <JoinVideo />*/}
          <EmojiContainer />
        </div>
      </div>
    );
  }
}