From c7ffb5937423de31d88224c00262fe70e640bb9f Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Thu, 17 Mar 2016 15:35:23 +0000
Subject: [PATCH] click on nicks to insert them into the MessageComposer

---
 src/components/views/rooms/EventTile.js       | 15 +++++++++++----
 src/components/views/rooms/MessageComposer.js |  9 +++++++++
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/views/rooms/EventTile.js b/src/components/views/rooms/EventTile.js
index cfff797e7d..9d5a17b3d2 100644
--- a/src/components/views/rooms/EventTile.js
+++ b/src/components/views/rooms/EventTile.js
@@ -268,10 +268,17 @@ module.exports = React.createClass({
         this.readAvatarNode = ReactDom.findDOMNode(node);
     },
 
-    onMemberAvatarClicked: function(sender) {
+    onMemberAvatarClick: function(event) {
         dispatcher.dispatch({
             action: 'view_user',
-            member: sender
+            member: this.props.mxEvent.sender,
+        });
+    },
+
+    onSenderProfileClick: function(event) {
+        dispatcher.dispatch({
+            action: 'insert_displayname',
+            displayname: this.props.mxEvent.sender.name,
         });
     },
 
@@ -318,12 +325,12 @@ module.exports = React.createClass({
                 avatar = (
                     <div className="mx_EventTile_avatar">
                         <MemberAvatar member={this.props.mxEvent.sender} width={24} height={24}
-                         onClick={ this.onMemberAvatarClicked.bind(this, this.props.mxEvent.sender) } />
+                         onClick={ this.onMemberAvatarClick } />
                     </div>
                 );
             }
             if (EventTileType.needsSenderProfile()) {
-                sender = <SenderProfile mxEvent={this.props.mxEvent} aux={aux} />;
+                sender = <SenderProfile onClick={ this.onSenderProfileClick } mxEvent={this.props.mxEvent} aux={aux} />;
             }
         }
         return (
diff --git a/src/components/views/rooms/MessageComposer.js b/src/components/views/rooms/MessageComposer.js
index 6744de5d14..2cb2acb470 100644
--- a/src/components/views/rooms/MessageComposer.js
+++ b/src/components/views/rooms/MessageComposer.js
@@ -196,6 +196,15 @@ module.exports = React.createClass({
             case 'focus_composer':
                 this.refs.textarea.focus();
                 break;
+            case 'insert_displayname':
+                if (this.refs.textarea.value) {
+                    this.refs.textarea.value =
+                        this.refs.textarea.value.replace(/( ?)$/, " " + payload.displayname);
+                }
+                else {
+                    this.refs.textarea.value = payload.displayname + ": ";
+                }
+                break;
         }
     },