make senderprofiles clickable

src/components/views/messages/SenderProfile.js

@@ -21,6 +21,18 @@ var React = require('react');
 module.exports = React.createClass({
     displayName: 'SenderProfile',
 
+    propTypes: {
+        mxEvent: React.PropTypes.object.isRequired, // event whose sender we're showing
+        aux: React.PropTypes.object, // stuff to go after the sender name, if anything
+        onClick: React.PropTypes.func,
+    },
+
+    getDefaultProps: function() {
+        return {
+            onClick: function() {},
+        }
+    },
+
     render: function() {
         var mxEvent = this.props.mxEvent;
         var name = mxEvent.sender ? mxEvent.sender.name : mxEvent.getSender();
@@ -30,7 +42,7 @@ module.exports = React.createClass({
             name = ''; // emote message must include the name so don't duplicate it
         }
         return (
-            <span className="mx_SenderProfile">
+            <span className="mx_SenderProfile" onClick={this.props.onClick}>
                 {name} { this.props.aux }
             </span>
         );

src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css

@@ -43,6 +43,7 @@ limitations under the License.
     margin-bottom: 4px;
     display: block;
     overflow-y: hidden;
+    cursor: pointer;
 }
 
 .mx_EventTile .mx_MessageTimestamp {