diff --git a/web/components/modules/modules-list-view.tsx b/web/components/modules/modules-list-view.tsx index a4cb7a652..ce8ce4e65 100644 --- a/web/components/modules/modules-list-view.tsx +++ b/web/components/modules/modules-list-view.tsx @@ -10,6 +10,7 @@ import { CycleModuleBoardLayout, CycleModuleListLayout, GanttLayoutLoader } from // assets // constants import { EmptyStateType } from "@/constants/empty-state"; +import { calculateTotalFilters } from "@/helpers/filter.helper"; import { useApplication, useEventTracker, useModule, useModuleFilter } from "@/hooks/store"; import AllFiltersImage from "public/empty-state/module/all-filters.svg"; import NameFilterImage from "public/empty-state/module/name-filter.svg"; @@ -22,10 +23,12 @@ export const ModulesListView: React.FC = observer(() => { const { commandPalette: commandPaletteStore } = useApplication(); const { setTrackElement } = useEventTracker(); const { getFilteredModuleIds, loader } = useModule(); - const { currentProjectDisplayFilters: displayFilters, searchQuery } = useModuleFilter(); + const { currentProjectDisplayFilters: displayFilters, searchQuery, currentProjectFilters } = useModuleFilter(); // derived values const filteredModuleIds = projectId ? getFilteredModuleIds(projectId.toString()) : undefined; + const totalFilters = calculateTotalFilters(currentProjectFilters ?? {}); + if (loader || !filteredModuleIds) return ( <> @@ -35,7 +38,7 @@ export const ModulesListView: React.FC = observer(() => { ); - if (filteredModuleIds.length === 0) + if (totalFilters > 0 || searchQuery.trim() !== "") return (