From 9a99c9c8c849a0b6bd5ef28fc1693fa0c0067008 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Tue, 13 Dec 2022 15:01:14 -0600
Subject: [PATCH] Hide main menu drawer on click outside

---
 src/view/shell/mobile/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/view/shell/mobile/index.tsx b/src/view/shell/mobile/index.tsx
index 0e42cc13..308501d2 100644
--- a/src/view/shell/mobile/index.tsx
+++ b/src/view/shell/mobile/index.tsx
@@ -9,6 +9,7 @@ import {
   StyleSheet,
   Text,
   TouchableOpacity,
+  TouchableWithoutFeedback,
   useColorScheme,
   useWindowDimensions,
   View,
@@ -394,7 +395,10 @@ export const MobileShell: React.FC = observer(() => {
             )}
           </ScreenContainer>
           {isMenuActive || menuSwipingDirection !== 0 ? (
-            <Animated.View style={[styles.screenMask, menuSwipeOpacity]} />
+            <TouchableWithoutFeedback
+              onPress={() => store.shell.setMainMenuOpen(false)}>
+              <Animated.View style={[styles.screenMask, menuSwipeOpacity]} />
+            </TouchableWithoutFeedback>
           ) : undefined}
           <Animated.View style={[styles.menuDrawer, menuSwipeTransform]}>
             <Menu