OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Modify to avoid forceUpdate

pull/21833/head
Jaiwanth 2021-05-19 14:31:04 +05:30
parent 0d8a7eabc7
commit e78206301f
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/views/rooms/MemberList.js
View File

@ -136,11 +136,13 @@ export default class MemberList extends React.Component {
_getMembersState(members) { _getMembersState(members) {
// set the state after determining _showPresence to make sure it's // set the state after determining _showPresence to make sure it's
// taken into account while rerendering // taken into account while rerendering
const cli = MatrixClientPeg.get();
return { return {
loading: false, loading: false,
members: members, members: members,
filteredJoinedMembers: this._filterMembers(members, 'join'), filteredJoinedMembers: this._filterMembers(members, 'join'),
filteredInvitedMembers: this._filterMembers(members, 'invite'), filteredInvitedMembers: this._filterMembers(members, 'invite'),
canInvite: cli.getRoom(this.props.roomId).canInvite(cli.getUserId()),
// ideally we'd size this to the page height, but // ideally we'd size this to the page height, but
// in practice I find that a little constraining // in practice I find that a little constraining
@ -196,9 +198,10 @@ export default class MemberList extends React.Component {
event.getType() === "m.room.third_party_invite") { event.getType() === "m.room.third_party_invite") {
this._updateList(); this._updateList();
} }
if (event.getContent().invite !== event.getPrevContent().invite) {
this.forceUpdate(); const cli = MatrixClientPeg.get();
} const canInvite = cli.getRoom(this.props.roomId).canInvite(cli.getUserId());
if (canInvite !== this.state.canInvite) this.setState({canInvite});
}; };
_updateList = rate_limited_func(() => { _updateList = rate_limited_func(() => {
@ -458,8 +461,6 @@ export default class MemberList extends React.Component {
let inviteButton; let inviteButton;
if (room && room.getMyMembership() === 'join') { if (room && room.getMyMembership() === 'join') {
const canInvite = room.canInvite(cli.getUserId());
let inviteButtonText = _t("Invite to this room"); let inviteButtonText = _t("Invite to this room");
const chat = CommunityPrototypeStore.instance.getSelectedCommunityGeneralChat(); const chat = CommunityPrototypeStore.instance.getSelectedCommunityGeneralChat();
if (chat && chat.roomId === this.props.roomId) { if (chat && chat.roomId === this.props.roomId) {
@ -470,7 +471,7 @@ export default class MemberList extends React.Component {
const AccessibleButton = sdk.getComponent("elements.AccessibleButton"); const AccessibleButton = sdk.getComponent("elements.AccessibleButton");
inviteButton = inviteButton =
<AccessibleButton className="mx_MemberList_invite" onClick={this.onInviteButtonClick} disabled={!canInvite}> <AccessibleButton className="mx_MemberList_invite" onClick={this.onInviteButtonClick} disabled={!this.state.canInvite}>
<span>{ inviteButtonText }</span> <span>{ inviteButtonText }</span>
</AccessibleButton>; </AccessibleButton>;
} }