diff --git a/components/Projects/FiltersBar/FiltersBar.tsx b/components/Projects/FiltersBar/FiltersBar.tsx index 22aa254..13602a8 100644 --- a/components/Projects/FiltersBar/FiltersBar.tsx +++ b/components/Projects/FiltersBar/FiltersBar.tsx @@ -34,11 +34,11 @@ const FiltersBar: React.FC = ({ t('sortOptions.recentlyUpdated'), ]; - const sortOptionsMapper: Record = { - אקראי: ProjectPaginationFilter.ALL, - 'עודכן לאחרונה': ProjectPaginationFilter.RECENTLY_UPDATED, - 'מספר תורמים': ProjectPaginationFilter.MOST_CONTROBUTORS, - 'נוצר לאחרונה': ProjectPaginationFilter.RECENTLY_CREATED, + const sortOptionsMapper: Record = { + 0: ProjectPaginationFilter.ALL, + 3: ProjectPaginationFilter.RECENTLY_UPDATED, + 1: ProjectPaginationFilter.MOST_CONTROBUTORS, + 2: ProjectPaginationFilter.RECENTLY_CREATED, }; const [toggleFiltersWindow, setToggleFiltersWindow] = useState(false); @@ -54,19 +54,21 @@ const FiltersBar: React.FC = ({ const handleCategoryOptionSelection = ( event: ChangeEvent ) => { - for (const option of sortOptions) { + + + + sortOptions.forEach((option, index) => { if (option === event.target.value) { - setFetchByCategory(sortOptionsMapper[option]); + setFetchByCategory(sortOptionsMapper[index]); setSelectedSortOption(option); - return; } - } + }) - setFetchByCategory(ProjectPaginationFilter.ALL); - setSelectedSortOption(sortOptions[0]); }; const handleFilterOptionChange = (filter: ProjectFilter) => { + + setTagsToFilterBy(filter); }; @@ -131,6 +133,7 @@ const FiltersBar: React.FC = ({ {t('filters')}
+ {sortOptions.map(sortOption => (