diff --git a/app/views/RoomMembersView/index.js b/app/views/RoomMembersView/index.js index bc937a4f0..2dd0dc939 100644 --- a/app/views/RoomMembersView/index.js +++ b/app/views/RoomMembersView/index.js @@ -28,20 +28,6 @@ import SafeAreaView from '../../containers/SafeAreaView'; const PAGE_SIZE = 25; 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: ( - - - - ) - }; - } - static propTypes = { navigation: PropTypes.object, route: PropTypes.object, @@ -86,6 +72,7 @@ class RoomMembersView extends React.Component { } }); } + this.setHeader(); } async componentDidMount() { @@ -94,7 +81,6 @@ class RoomMembersView extends React.Component { const { navigation } = this.props; const { rid } = navigation.state.params; - navigation.setParams({ toggleStatus: this.toggleStatus }); 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: () => ( + + + + ) + }); + } + onSearchChangeText = protectedFunction((text) => { const { members } = this.state; let membersFiltered = []; @@ -179,7 +179,6 @@ class RoomMembersView extends React.Component { const { rid, members, isLoading, allUsers, end } = this.state; - const { navigation } = this.props; if (isLoading || end) { return; } @@ -193,7 +192,7 @@ class RoomMembersView extends React.Component { isLoading: false, end: newMembers.length < PAGE_SIZE }); - navigation.setParams({ allUsers }); + this.setHeader(); } catch (e) { log(e); this.setState({ isLoading: false });