From 010d88530c629aa3ca4813f4ea4f057339042868 Mon Sep 17 00:00:00 2001
From: Diego Mello <diegolmello@gmail.com>
Date: Mon, 22 Nov 2021 13:19:49 -0300
Subject: [PATCH] [FIX] Display prefs showing wrong header icon on tablet
 (#3510)

---
 app/views/DisplayPrefsView.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/views/DisplayPrefsView.js b/app/views/DisplayPrefsView.js
index d1e29d139..09da4edc9 100644
--- a/app/views/DisplayPrefsView.js
+++ b/app/views/DisplayPrefsView.js
@@ -21,19 +21,19 @@ const DisplayPrefsView = props => {
 	const { theme } = useTheme();
 
 	const { sortBy, groupByType, showFavorites, showUnread, showAvatar, displayMode } = useSelector(state => state.sortPreferences);
+	const { isMasterDetail } = useSelector(state => state.app);
 	const dispatch = useDispatch();
 
 	useEffect(() => {
-		const { navigation, isMasterDetail } = props;
+		const { navigation } = props;
 		navigation.setOptions({
-			title: I18n.t('Display'),
-			headerLeft: () =>
-				isMasterDetail ? (
-					<HeaderButton.CloseModal navigation={navigation} testID='display-view-close' />
-				) : (
-					<HeaderButton.Drawer navigation={navigation} testID='display-view-drawer' />
-				)
+			title: I18n.t('Display')
 		});
+		if (!isMasterDetail) {
+			navigation.setOptions({
+				headerLeft: () => <HeaderButton.Drawer navigation={navigation} testID='display-view-drawer' />
+			});
+		}
 	}, []);
 
 	const setSortPreference = async param => {