feat: APP-545 mobile projects filters (#2595)

Author: blushi

web-components/src/components/organisms/ProjectFilters/ProjectFilters.utils.ts

@@ -4,3 +4,13 @@ export const hasChangedFilters = (
 ) =>
   Object.values(selectedFilters).filter(value => value).length !==
   Object.values(initialFilters).filter(value => value).length;
+
+export const countChangedFilters = (
+  selectedFilters: Record<string, boolean>,
+  initialFilters: Record<string, boolean>,
+) => (hasChangedFilters(selectedFilters, initialFilters) ? 1 : 0);
+
+export const countChangedBoolFilters = (
+  selectedFilter: boolean | undefined,
+  initialFilter: boolean,
+) => (selectedFilter !== initialFilter ? 1 : 0);

web-marketplace/src/lib/atoms/projects.atoms.ts

@@ -8,7 +8,7 @@ import { sortOptions } from 'pages/Projects/AllProjects/AllProjects.config';
 export const showCommunityProjectsAtom = atom<boolean | undefined>(
   DEFAULT_COMMUNITY_PROJECTS_FILTER,
 );
-export const creditClassSelectedFiltersAtom = atom<Record<string, boolean>>({});
+export const creditClassFiltersAtom = atom<Record<string, boolean>>({});
 export const creditClassInitialFiltersAtom = atom<Record<string, boolean>>({});
 export const projectsSortAtom = atom(sortOptions[0].value);