imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

track RoomTile focus in RoomList, and stop the RoomList from updating during mouseOver

Browse source
This commit is contained in:
Matthew Hodgson 2017-04-15 13:23:52 +01:00
parent 0a91511f05
commit 691639d1e0
2 changed files with 69 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/views/rooms/RoomTile.js
View file

@ -35,6 +35,7 @@ module.exports = React.createClass({
connectDragSource: React.PropTypes.func,
connectDropTarget: React.PropTypes.func,
onClick: React.PropTypes.func,
onFocus: React.PropTypes.func,
isDragging: React.PropTypes.bool,
room: React.PropTypes.object.isRequired,
@ -104,6 +105,12 @@ module.exports = React.createClass({
}
},
onFocus: function() {
if (this.props.onFocus) {
this.props.onFocus(this.props.room.roomId);
}
},
onMouseEnter: function() {
this.setState( { hover : true });
this.badgeOnMouseEnter();
@ -255,7 +262,9 @@ module.exports = React.createClass({
let ret = (
<div> { /* Only native elements can be wrapped in a DnD object. */}
<AccessibleButton className={classes} tabIndex="0" onClick={this.onClick} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
<AccessibleButton className={classes} tabIndex="0" onClick={this.onClick}
onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}
onFocus={this.onFocus} onBlur={this.onFocus.bind(this, null)}>
<div className={avatarClasses}>
<div className="mx_RoomTile_avatar_container">
<RoomAvatar room={this.props.room} width={24} height={24} />