MemberList: show 100 more on overflow tile click

Not the full list because on HQ that causes your browser to implode.

This should really be a decent paginated list at this point, but this is better
for now.
This commit is contained in:
David Baker 2017-09-22 17:01:14 +01:00
parent 9cbfc22352
commit 25da0f6a7a

View file

@ -31,6 +31,7 @@ var CallHandler = require("../../../CallHandler");
const INITIAL_LOAD_NUM_MEMBERS = 30; const INITIAL_LOAD_NUM_MEMBERS = 30;
const INITIAL_LOAD_NUM_INVITED = 5; const INITIAL_LOAD_NUM_INVITED = 5;
const SHOW_MORE_INCREMENT = 100;
module.exports = React.createClass({ module.exports = React.createClass({
displayName: 'MemberList', displayName: 'MemberList',
@ -207,11 +208,11 @@ module.exports = React.createClass({
}, },
_createOverflowTileJoined: function(overflowCount, totalCount) { _createOverflowTileJoined: function(overflowCount, totalCount) {
return this._createOverflowTile(overflowCount, totalCount, this._showFullJoinedMemberList); return this._createOverflowTile(overflowCount, totalCount, this._showMoreJoinedMemberList);
}, },
_createOverflowTileInvited: function(overflowCount, totalCount) { _createOverflowTileInvited: function(overflowCount, totalCount) {
return this._createOverflowTile(overflowCount, totalCount, this._showFullInvitedMemberList); return this._createOverflowTile(overflowCount, totalCount, this._showMoreInvitedMemberList);
}, },
_createOverflowTile: function(overflowCount, totalCount, onClick) { _createOverflowTile: function(overflowCount, totalCount, onClick) {
@ -227,15 +228,15 @@ module.exports = React.createClass({
); );
}, },
_showFullJoinedMemberList: function() { _showMoreJoinedMemberList: function() {
this.setState({ this.setState({
truncateAtJoined: -1 truncateAtJoined: this.state.truncateAtJoined + SHOW_MORE_INCREMENT,
}); });
}, },
_showFullInvitedMemberList: function() { _showMoreInvitedMemberList: function() {
this.setState({ this.setState({
truncateAtInvited: -1 truncateAtInvited: this.state.truncateAtInvited + SHOW_MORE_INCREMENT,
}); });
}, },