Add feature to hide card page when no cards are available

Expensify · Aug 5, 2024 · 1f000e4 · 1f000e4
1 parent f26e0d9
commit 1f000e4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/ROUTES.ts b/src/ROUTES.ts
@@ -54,7 +54,6 @@ const ROUTES = {
     SEARCH_ADVANCED_FILTERS_REPORT_ID: 'search/filters/reportID',
 
     SEARCH_ADVANCED_FILTERS_CATEGORY: 'search/filters/category',
-
     SEARCH_ADVANCED_FILTERS_CARD: 'search/filters/card',
 
     SEARCH_REPORT: {

diff --git a/src/pages/Search/AdvancedSearchFilters.tsx b/src/pages/Search/AdvancedSearchFilters.tsx
@@ -113,6 +113,7 @@ function AdvancedSearchFilters() {
                 title: getFilterCardDisplayTitle(searchAdvancedFilters, cardList),
                 description: 'common.card' as const,
                 route: ROUTES.SEARCH_ADVANCED_FILTERS_CARD,
+                shouldHide: Object.keys(cardList).length === 0,
             },
         ],
         [searchAdvancedFilters, translate, cardList],
@@ -134,7 +135,9 @@ function AdvancedSearchFilters() {
             <View>
                 {advancedFilters.map((item) => {
                     const onPress = singleExecution(waitForNavigate(() => Navigation.navigate(item.route)));
-
+                    if (item.shouldHide) {
+                        return undefined;
+                    }
                     return (
                         <MenuItemWithTopDescription
                             key={item.description}