Reorganize reaction sending and show if emoji is selected

Signed-off-by: Tulir Asokan <tulir@maunium.net>
This commit is contained in:
Tulir Asokan 2019-10-15 19:07:04 +03:00
parent 7acae6dc32
commit 318754d31c
9 changed files with 174 additions and 75 deletions

View file

@ -19,21 +19,26 @@ import PropTypes from 'prop-types';
class Preview extends React.PureComponent {
static propTypes = {
emoji: PropTypes.object.isRequired,
emoji: PropTypes.object,
};
render() {
const {
unicode = "",
annotation = "",
shortcodes: [shortcode = ""]
} = this.props.emoji || {};
return (
<div className="mx_EmojiPicker_footer mx_EmojiPicker_preview">
<div className="mx_EmojiPicker_preview_emoji">
{this.props.emoji.unicode}
{unicode}
</div>
<div className="mx_EmojiPicker_preview_text">
<div className="mx_EmojiPicker_name mx_EmojiPicker_preview_name">
{this.props.emoji.annotation}
{annotation}
</div>
<div className="mx_EmojiPicker_shortcode">
{this.props.emoji.shortcodes[0]}
{shortcode}
</div>
</div>
</div>