[FIX] Navigation object undefined when tapping sidebar's user header …

…on tablet (#2259)
RocketChat · Jul 8, 2020 · afb0707 · afb0707
1 parent b8f87f7
commit afb0707
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/app/views/SidebarView/index.js b/app/views/SidebarView/index.js
@@ -144,6 +144,14 @@ class Sidebar extends Component {
 		return state?.routeNames[state?.index];
 	}
 
+	onPressUser = () => {
+		const { navigation, isMasterDetail } = this.props;
+		if (isMasterDetail) {
+			return;
+		}
+		navigation.closeDrawer();
+	}
+
 	renderAdmin = () => {
 		const { isAdmin } = this.state;
 		const { theme, isMasterDetail } = this.props;
@@ -210,7 +218,7 @@ class Sidebar extends Component {
 
 	render() {
 		const {
-			user, Site_Name, baseUrl, useRealName, allowStatusMessage, isMasterDetail, theme, navigation
+			user, Site_Name, baseUrl, useRealName, allowStatusMessage, isMasterDetail, theme
 		} = this.props;
 
 		if (!user) {
@@ -229,7 +237,7 @@ class Sidebar extends Component {
 					]}
 					{...scrollPersistTaps}
 				>
-					<TouchableWithoutFeedback onPress={() => navigation.closeDrawer()} testID='sidebar-close-drawer'>
+					<TouchableWithoutFeedback onPress={this.onPressUser} testID='sidebar-close-drawer'>
 						<View style={styles.header} theme={theme}>
 							<Avatar
 								text={user.username}