From 6a81e1d7fa90d7141b3ced0a80101e3234515284 Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Tue, 18 Jun 2024 14:30:24 +0800
Subject: [PATCH] show offline indicator for search page central screen and put
 it at the bottom

---
 src/pages/Search/SearchPage.tsx          | 8 +++++++-
 src/pages/Search/SearchPageBottomTab.tsx | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/pages/Search/SearchPage.tsx b/src/pages/Search/SearchPage.tsx
index f7b21592b09..1f7db3eeb2c 100644
--- a/src/pages/Search/SearchPage.tsx
+++ b/src/pages/Search/SearchPage.tsx
@@ -6,6 +6,7 @@ import * as Illustrations from '@components/Icon/Illustrations';
 import ScreenWrapper from '@components/ScreenWrapper';
 import Search from '@components/Search';
 import useLocalize from '@hooks/useLocalize';
+import useThemeStyles from '@hooks/useThemeStyles';
 import useWindowDimensions from '@hooks/useWindowDimensions';
 import Navigation from '@libs/Navigation/Navigation';
 import type {CentralPaneNavigatorParamList} from '@libs/Navigation/types';
@@ -20,6 +21,7 @@ type SearchPageProps = StackScreenProps<CentralPaneNavigatorParamList, typeof SC
 function SearchPage({route}: SearchPageProps) {
     const {translate} = useLocalize();
     const {isSmallScreenWidth} = useWindowDimensions();
+    const styles = useThemeStyles();
 
     const {query: rawQuery, policyIDs, sortBy, sortOrder} = route?.params ?? {};
 
@@ -42,7 +44,11 @@ function SearchPage({route}: SearchPageProps) {
     }
 
     return (
-        <ScreenWrapper testID={Search.displayName}>
+        <ScreenWrapper
+            testID={Search.displayName}
+            shouldShowOfflineIndicatorInWideScreen
+            offlineIndicatorStyle={styles.mtAuto}
+        >
             <FullPageNotFoundView
                 shouldForceFullScreen
                 shouldShow={!isValidQuery}
diff --git a/src/pages/Search/SearchPageBottomTab.tsx b/src/pages/Search/SearchPageBottomTab.tsx
index 663a01ba02b..c6baf7c5b00 100644
--- a/src/pages/Search/SearchPageBottomTab.tsx
+++ b/src/pages/Search/SearchPageBottomTab.tsx
@@ -52,6 +52,7 @@ function SearchPageBottomTab() {
         <ScreenWrapper
             testID={SearchPageBottomTab.displayName}
             style={styles.pv0}
+            offlineIndicatorStyle={styles.mtAuto}
         >
             <FullPageNotFoundView
                 shouldShow={!isValidQuery}