From d5ccbd76d5ffc9280f0109138f608b94bee0aadf Mon Sep 17 00:00:00 2001
From: dan <dan.abramov@gmail.com>
Date: Fri, 13 Oct 2023 15:29:50 +0100
Subject: [PATCH] Disable events on hidden bars (#1686)
---
src/view/com/pager/FeedsTabBarMobile.tsx | 12 +++++++++++-
src/view/shell/bottom-bar/BottomBar.tsx | 1 +
src/view/shell/bottom-bar/BottomBarStyles.tsx | 3 +++
3 files changed, 15 insertions(+), 1 deletion(-)
diff --git a/src/view/com/pager/FeedsTabBarMobile.tsx b/src/view/com/pager/FeedsTabBarMobile.tsx
index 6bdba11a..7924666e 100644
--- a/src/view/com/pager/FeedsTabBarMobile.tsx
+++ b/src/view/com/pager/FeedsTabBarMobile.tsx
@@ -49,7 +49,14 @@ export const FeedsTabBar = observer(function FeedsTabBarImpl(
)
return (
- <Animated.View style={[pal.view, pal.border, styles.tabBar, transform]}>
+ <Animated.View
+ style={[
+ pal.view,
+ pal.border,
+ styles.tabBar,
+ transform,
+ store.shell.minimalShellMode && styles.disabled,
+ ]}>
<View style={[pal.view, styles.topBar]}>
<View style={[pal.view]}>
<TouchableOpacity
@@ -117,4 +124,7 @@ const styles = StyleSheet.create({
title: {
fontSize: 21,
},
+ disabled: {
+ pointerEvents: 'none',
+ },
})
diff --git a/src/view/shell/bottom-bar/BottomBar.tsx b/src/view/shell/bottom-bar/BottomBar.tsx
index 4758c5e0..984aef25 100644
--- a/src/view/shell/bottom-bar/BottomBar.tsx
+++ b/src/view/shell/bottom-bar/BottomBar.tsx
@@ -87,6 +87,7 @@ export const BottomBar = observer(function BottomBarImpl({
pal.border,
{paddingBottom: clamp(safeAreaInsets.bottom, 15, 30)},
footerMinimalShellTransform,
+ store.shell.minimalShellMode && styles.disabled,
]}>
<Btn
testID="bottomBarHomeBtn"
diff --git a/src/view/shell/bottom-bar/BottomBarStyles.tsx b/src/view/shell/bottom-bar/BottomBarStyles.tsx
index ae938144..c175ed84 100644
--- a/src/view/shell/bottom-bar/BottomBarStyles.tsx
+++ b/src/view/shell/bottom-bar/BottomBarStyles.tsx
@@ -65,4 +65,7 @@ export const styles = StyleSheet.create({
borderWidth: 1,
borderRadius: 100,
},
+ disabled: {
+ pointerEvents: 'none',
+ },
})