e2m/dispatch
4
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Improve message rendering

Browse source
This commit is contained in:
Ken-Håvard Lieng 2016-02-16 22:43:25 +01:00
parent ede8e19722
commit 072daa64f2
16 changed files with 303 additions and 260 deletions
Download patch file Download diff file Expand all files Collapse all files

11
client/src/js/components/UserList.js
View file

@ -13,6 +13,12 @@ export default class UserList extends Component {
window.addEventListener('resize', this.handleResize);
}
componentWillUpdate(nextProps) {
if (nextProps.users.size === this.props.users.size) {
this.refs.list.forceUpdate();
}
}
componentWillUnmount() {
window.removeEventListener('resize', this.handleResize);
}
@ -25,9 +31,7 @@ export default class UserList extends Component {
return 24;
};
handleResize = () => {
this.setState({ height: window.innerHeight - 100 });
};
handleResize = () => this.setState({ height: window.innerHeight - 100 });
renderUser = index => {
const { users } = this.props;
@ -61,6 +65,7 @@ export default class UserList extends Component {
return (
<div className={className} style={style}>
<VirtualScroll
ref="list"
height={this.state.height}
rowsCount={this.props.users.size + 2}
rowHeight={this.getRowHeight}