diff --git a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx index 69a881685..490126b36 100644 --- a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx +++ b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx @@ -145,10 +145,10 @@ function FilterModal(props: Props) { excludeFilterKeys = [], allowedFilterKeys = [], isConditional, - isMobile } = props; - const { searchStore, searchStoreLive } = useStore(); - const filters = isLive ? searchStoreLive.filterList : searchStore.filterList; + const { searchStore, searchStoreLive, projectsStore } = useStore(); + const isMobile = projectsStore.active?.platform === 'ios'; // TODO - should be using mobile once the app is changed + const filters = isLive ? searchStoreLive.filterListLive : (isMobile ? searchStore.filterListMobile : searchStoreLive.filterList); const conditionalFilters = searchStore.filterListConditional; const mobileConditionalFilters = searchStore.filterListMobileConditional; const showSearchList = isMainSearch && searchQuery.length > 0; diff --git a/frontend/app/mstore/searchStore.ts b/frontend/app/mstore/searchStore.ts index b48275cb3..9e946e588 100644 --- a/frontend/app/mstore/searchStore.ts +++ b/frontend/app/mstore/searchStore.ts @@ -83,6 +83,9 @@ class SearchStore { get filterList() { return generateFilterOptions(filtersMap); } + get filterListMobile() { + return generateFilterOptions(filtersMap, true); + } get filterListLive() { return generateFilterOptions(liveFiltersMap); }