change sortOptionsMapper's keys to the mach sortOption's index

Maakaf · Apr 25, 2024 · e52e3f3 · e52e3f3
1 parent e061b18
commit e52e3f3
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 12 deletions.
diff --git a/actions/addNewProject.ts b/actions/addNewProject.ts
@@ -3,5 +3,5 @@
 import { IAddProjectForm } from '@/types/forms';
 
 export const addNewProject = async (data: IAddProjectForm) => {
-  console.log(data);
+  console.log(data.fullName);
 };
diff --git a/components/Projects/FiltersBar/FiltersBar.tsx b/components/Projects/FiltersBar/FiltersBar.tsx
@@ -34,11 +34,11 @@ const FiltersBar: React.FC<FiltersBarProps> = ({
     t('sortOptions.recentlyUpdated'),
   ];
 
-  const sortOptionsMapper: Record<string, ProjectPaginationFilter> = {
-    אקראי: ProjectPaginationFilter.ALL,
-    'עודכן לאחרונה': ProjectPaginationFilter.RECENTLY_UPDATED,
-    'מספר תורמים': ProjectPaginationFilter.MOST_CONTROBUTORS,
-    'נוצר לאחרונה': ProjectPaginationFilter.RECENTLY_CREATED,
+  const sortOptionsMapper: Record<number, ProjectPaginationFilter> = {
+    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<FiltersBarProps> = ({
   const handleCategoryOptionSelection = (
     event: ChangeEvent<HTMLInputElement>
   ) => {
-    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<FiltersBarProps> = ({
                           {t('filters')}
                         </span>
                         <div className="flex gap-[18px] md:gap-10 flex-wrap w-full">
+
                           {sortOptions.map(sortOption => (
                             <Radiobox
                               key={sortOption}