From 0bbe2c5e32f72e4aaf52d7e1f72b6076517caee7 Mon Sep 17 00:00:00 2001 From: Hailey Date: Sun, 4 Feb 2024 12:54:07 -0800 Subject: show bottom bar on web tablet breakpoints when logged out (signup cta) (#2747) * show signup bottom bar on web tablet * show signup bottom bar on web tablet * comment * adjust load latest btn position based on logged in/out --- src/view/shell/createNativeStackNavigatorWithAuth.tsx | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) (limited to 'src/view/shell/createNativeStackNavigatorWithAuth.tsx') diff --git a/src/view/shell/createNativeStackNavigatorWithAuth.tsx b/src/view/shell/createNativeStackNavigatorWithAuth.tsx index 0f240ea00..938213c31 100644 --- a/src/view/shell/createNativeStackNavigatorWithAuth.tsx +++ b/src/view/shell/createNativeStackNavigatorWithAuth.tsx @@ -101,7 +101,7 @@ function NativeStackNavigator({ const onboardingState = useOnboardingState() const {showLoggedOut} = useLoggedOutView() const {setShowLoggedOut} = useLoggedOutViewControls() - const {isMobile} = useWebMediaQueries() + const {isMobile, isTabletOrMobile} = useWebMediaQueries() if ((!PWI_ENABLED || activeRouteRequiresAuth) && !hasSession) { return } @@ -134,6 +134,10 @@ function NativeStackNavigator({ } } + // Show the bottom bar if we have a session only on mobile web. If we don't have a session, we want to show it + // on both tablet and mobile web so that we see the sign up CTA. + const showBottomBar = hasSession ? isMobile : isTabletOrMobile + return ( - {isWeb && isMobile && } - {isWeb && !isMobile && ( + {isWeb && showBottomBar && } + {isWeb && !showBottomBar && ( <> -- cgit 1.4.1