only show the offline indicator in wide screen in non narrow layout

Expensify · Jun 14, 2024 · aa7caa7 · aa7caa7
1 parent 2a641d9
commit aa7caa7
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/ScreenWrapper.tsx b/src/components/ScreenWrapper.tsx
@@ -139,7 +139,7 @@ function ScreenWrapper(
     const navigationFallback = useNavigation<StackNavigationProp<RootStackParamList>>();
     const navigation = navigationProp ?? navigationFallback;
     const {windowHeight} = useWindowDimensions(shouldUseCachedViewportHeight);
-    const {isSmallScreenWidth} = useResponsiveLayout();
+    const {isSmallScreenWidth, shouldUseNarrowLayout} = useResponsiveLayout();
     const {initialHeight} = useInitialDimensions();
     const styles = useThemeStyles();
     const keyboardState = useKeyboardState();
@@ -279,7 +279,7 @@ function ScreenWrapper(
                                                     : children
                                             }
                                             {isSmallScreenWidth && shouldShowOfflineIndicator && <OfflineIndicator style={offlineIndicatorStyle} />}
-                                            {!isSmallScreenWidth && shouldShowOfflineIndicatorInWideScreen && (
+                                            {!shouldUseNarrowLayout && shouldShowOfflineIndicatorInWideScreen && (
                                                 <OfflineIndicator
                                                     containerStyles={[]}
                                                     style={[styles.pl5, styles.offlineIndicatorRow, offlineIndicatorStyle]}