add emoji to recently used section when reacting to a post in RHS (#7217)

webapp/components/rhs_comment.jsx

@@ -11,7 +11,7 @@ import FailedPostOptions from 'components/post_view/failed_post_options';
 import DotMenu from 'components/dot_menu';
 import EmojiPickerOverlay from 'components/emoji_picker/emoji_picker_overlay.jsx';
 
-import {addReaction} from 'actions/post_actions.jsx';
+import {addReaction, emitEmojiPosted} from 'actions/post_actions.jsx';
 
 import TeamStore from 'stores/team_store.jsx';
 
@@ -166,6 +166,7 @@ export default class RhsComment extends React.Component {
         this.setState({showEmojiPicker: false});
         const emojiName = emoji.name || emoji.aliases[0];
         addReaction(this.props.post.channel_id, this.props.post.id, emojiName);
+        emitEmojiPosted(emojiName);
         this.handleDropdownOpened(false);
     }
 

webapp/components/rhs_root_post.jsx

@@ -15,7 +15,7 @@ import ChannelStore from 'stores/channel_store.jsx';
 import UserStore from 'stores/user_store.jsx';
 import TeamStore from 'stores/team_store.jsx';
 
-import {addReaction} from 'actions/post_actions.jsx';
+import {addReaction, emitEmojiPosted} from 'actions/post_actions.jsx';
 
 import * as Utils from 'utils/utils.jsx';
 import * as PostUtils from 'utils/post_utils.jsx';
@@ -159,6 +159,7 @@ export default class RhsRootPost extends React.Component {
         this.setState({showEmojiPicker: false});
         const emojiName = emoji.name || emoji.aliases[0];
         addReaction(this.props.post.channel_id, this.props.post.id, emojiName);
+        emitEmojiPosted(emojiName);
         this.handleDropdownOpened(false);
     }