verdnatura-mirror/Rocket.Chat.ReactNative
verdnatura-mirror
/
Rocket.Chat.ReactNative
mirror of https://github.com/RocketChat/Rocket.Chat.ReactNative
2
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

RoomMembersView

This commit is contained in:
Diego Mello 2020-05-27 15:09:18 -03:00
parent 816cb43a1e
commit a1c2875ff0
1 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
app/views/RoomMembersView/index.js
View File

@ -28,20 +28,6 @@ import SafeAreaView from '../../containers/SafeAreaView';
const PAGE_SIZE = 25; const PAGE_SIZE = 25;
class RoomMembersView extends React.Component { class RoomMembersView extends React.Component {
static navigationOptions = ({ route }) => {
const toggleStatus = route.params?.toggleStatus ?? (() => {});
const allUsers = route.params?.allUsers;
const toggleText = allUsers ? I18n.t('Online') : I18n.t('All');
return {
title: I18n.t('Members'),
headerRight: (
<CustomHeaderButtons>
<Item title={toggleText} onPress={toggleStatus} testID='room-members-view-toggle-status' />
</CustomHeaderButtons>
)
};
}
static propTypes = { static propTypes = {
navigation: PropTypes.object, navigation: PropTypes.object,
route: PropTypes.object, route: PropTypes.object,
@ -86,6 +72,7 @@ class RoomMembersView extends React.Component {
} }
}); });
} }
this.setHeader();
} }
async componentDidMount() { async componentDidMount() {
@ -94,7 +81,6 @@ class RoomMembersView extends React.Component {
const { navigation } = this.props; const { navigation } = this.props;
const { rid } = navigation.state.params; const { rid } = navigation.state.params;
navigation.setParams({ toggleStatus: this.toggleStatus });
this.permissions = await RocketChat.hasPermission(['mute-user'], rid); this.permissions = await RocketChat.hasPermission(['mute-user'], rid);
} }
@ -104,6 +90,20 @@ class RoomMembersView extends React.Component {
} }
} }
setHeader = () => {
const { allUsers } = this.state;
const { navigation } = this.props;
const toggleText = allUsers ? I18n.t('Online') : I18n.t('All');
navigation.setOptions({
title: I18n.t('Members'),
headerRight: () => (
<CustomHeaderButtons>
<Item title={toggleText} onPress={this.toggleStatus} testID='room-members-view-toggle-status' />
</CustomHeaderButtons>
)
});
}
onSearchChangeText = protectedFunction((text) => { onSearchChangeText = protectedFunction((text) => {
const { members } = this.state; const { members } = this.state;
let membersFiltered = []; let membersFiltered = [];
@ -179,7 +179,6 @@ class RoomMembersView extends React.Component {
const { const {
rid, members, isLoading, allUsers, end rid, members, isLoading, allUsers, end
} = this.state; } = this.state;
const { navigation } = this.props;
if (isLoading || end) { if (isLoading || end) {
return; return;
} }
@ -193,7 +192,7 @@ class RoomMembersView extends React.Component {
isLoading: false, isLoading: false,
end: newMembers.length < PAGE_SIZE end: newMembers.length < PAGE_SIZE
}); });
navigation.setParams({ allUsers }); this.setHeader();
} catch (e) { } catch (e) {
log(e); log(e);
this.setState({ isLoading: false }); this.setState({ isLoading: false });