59 lines
1.6 KiB
TypeScript
59 lines
1.6 KiB
TypeScript
import React, { Fragment } from 'react';
|
|
import { connect } from 'react-redux';
|
|
|
|
import { IReduxState } from '../../../../app/types';
|
|
import ReactionEmoji from '../../../../reactions/components/native/ReactionEmoji';
|
|
import { getReactionsQueue } from '../../../../reactions/functions.native';
|
|
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<React$Element>}
|
|
*/
|
|
_renderReactions() {
|
|
const { _reactionsQueue } = this.props;
|
|
|
|
return _reactionsQueue.map(({ reaction, uid }, index) => (<ReactionEmoji
|
|
index = { index }
|
|
key = { uid }
|
|
reaction = { reaction }
|
|
uid = { uid } />));
|
|
}
|
|
|
|
/**
|
|
* Implements React's {@link Component#render()}.
|
|
*
|
|
* @inheritdoc
|
|
* @returns {ReactElement}
|
|
*/
|
|
override render() {
|
|
return (
|
|
<Fragment>
|
|
{this._renderReactions()}
|
|
{this._renderDialogContent()}
|
|
</Fragment>
|
|
);
|
|
}
|
|
}
|
|
|
|
const mapStateToProps = (state: IReduxState) => {
|
|
return {
|
|
...abstractMapStateToProps(state),
|
|
_reactionsQueue: getReactionsQueue(state)
|
|
};
|
|
};
|
|
|
|
export default connect(mapStateToProps)(DialogContainer);
|