Fix: Saved search - Saved search list is not scrollable when there is…

… a long list
Expensify · Oct 4, 2024 · 48e49f3 · 48e49f3
1 parent 3c91e07
commit 48e49f3
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/src/pages/Search/SearchPageBottomTab.tsx b/src/pages/Search/SearchPageBottomTab.tsx
@@ -102,12 +102,12 @@ function SearchPageBottomTab() {
                             isCustomSearchQuery={shouldUseNarrowLayout && !SearchUtils.isCannedSearchQuery(queryJSON)}
                         />
                     </View>
-                    <Animated.View style={[styles.searchTopBarStyle, topBarAnimatedStyle]}>
-                        <SearchTypeMenu
-                            queryJSON={queryJSON}
-                            searchName={searchName}
-                        />
-                        {shouldUseNarrowLayout && (
+                    {shouldUseNarrowLayout ? (
+                        <Animated.View style={[styles.searchTopBarStyle, topBarAnimatedStyle]}>
+                            <SearchTypeMenu
+                                queryJSON={queryJSON}
+                                searchName={searchName}
+                            />
                             <SearchStatusBar
                                 type={queryJSON.type}
                                 status={queryJSON.status}
@@ -116,8 +116,13 @@ function SearchPageBottomTab() {
                                     topBarOffset.value = withTiming(variables.searchHeaderHeight, {duration: ANIMATION_DURATION_IN_MS});
                                 }}
                             />
-                        )}
-                    </Animated.View>
+                        </Animated.View>
+                    ) : (
+                        <SearchTypeMenu
+                            queryJSON={queryJSON}
+                            searchName={searchName}
+                        />
+                    )}
                 </>
             ) : (
                 <SearchSelectionModeHeader queryJSON={queryJSON} />