make senderprofiles clickable

This commit is contained in:
Matthew Hodgson 2016-03-17 16:28:49 +00:00
parent c6f95dfb3b
commit d7a851a353
2 changed files with 14 additions and 1 deletions
src
components/views/messages
skins/vector/css/matrix-react-sdk/views/rooms

View File

@ -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>
);

View File

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