PLT-6486 Add an `@username` button to the profile popover, that puts the username in the post when clicked (#6349)

* PLT-6486 Add an `@username` button to the profile popover, that puts the username in the post when clicked

* PLT-6486 Display `@username` mention on the right text area on center or RHS.

* Disable @mentions from profile popover on searches, mentions and pinned posts. Fix js errors.

* Control undefined post in SearchStore that causes an exception.

1 files changed, 8 insertions, 2 deletions

diff --git a/webapp/components/profile_picture.jsx b/webapp/components/profile_picture.jsx
index ef1435491..fbaa46127 100644
--- a/webapp/components/profile_picture.jsx
+++ b/webapp/components/profile_picture.jsx
@@ -62,6 +62,8 @@ export default class ProfilePicture extends React.Component {
                             status={this.props.status}
                             isBusy={this.props.isBusy}
                             hide={this.hideProfilePopover}
+                            isRHS={this.props.isRHS}
+                            hasMention={this.props.hasMention}
                         />
                 }
                 >
@@ -93,7 +95,9 @@ export default class ProfilePicture extends React.Component {
 
 ProfilePicture.defaultProps = {
     width: '36',
-    height: '36'
+    height: '36',
+    isRHS: false,
+    hasMention: false
 };
 ProfilePicture.propTypes = {
     src: PropTypes.string.isRequired,
@@ -101,5 +105,7 @@ ProfilePicture.propTypes = {
     width: PropTypes.string,
     height: PropTypes.string,
     user: PropTypes.object,
-    isBusy: PropTypes.bool
+    isBusy: PropTypes.bool,
+    isRHS: PropTypes.bool,
+    hasMention: PropTypes.bool
 };