import React, { Fragment } from 'react'; import { ReactionEmoji } from '../../../../reactions/components'; import { getReactionsQueue } from '../../../../reactions/functions.any'; import { connect } from '../../../redux'; import AbstractDialogContainer, { abstractMapStateToProps } from '../AbstractDialogContainer'; /** * Implements a DialogContainer responsible for showing all dialogs. We will * need a separate container so we can handle multiple dialogs by showing them * simultaneously or queueing them. * * @augments AbstractDialogContainer */ class DialogContainer extends AbstractDialogContainer { /** * Returns the reactions to be displayed. * * @returns {Array} */ _renderReactions() { const { _reactionsQueue } = this.props; return _reactionsQueue.map(({ reaction, uid }, index) => ()); } /** * Implements React's {@link Component#render()}. * * @inheritdoc * @returns {ReactElement} */ render() { return ( {this._renderReactions()} {this._renderDialogContent()} ); } } const mapStateToProps = state => { return { ...abstractMapStateToProps(state), _reactionsQueue: getReactionsQueue(state) }; }; export default connect(mapStateToProps)(DialogContainer);