Merge pull request #43740 from bernhardoj/fix/43062-hide-offline-indi…

…cator-in-narrow-layout Fix offline indicator appears in Edit categories RHP on large layout
Expensify · Jun 17, 2024 · 2c90f74 · 2c90f74
2 parents b3f688b + aa7caa7
commit 2c90f74
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]}