fix: priorities (#336)

- changed name of array of priority to priorities;
- priority field changed from string to array
- removed unused import in home.tsx

src/pages/Home/Home.tsx

@@ -7,11 +7,11 @@ import { BurgerMenu, Footer, Header } from '@/components';
 import { useShelters, useThrottle } from '@/hooks';
 import { Button } from '@/components/ui/button';
 import { Filter, ShelterListView } from './components';
-import { IFilterFormProps, IFilterSubmittionForm } from './components/Filter/types';
+import { IFilterFormProps } from './components/Filter/types';
 
 const initialFilterData: IFilterFormProps = {
   search: '',
-  priority: [],
+  priorities: [],
   supplyCategoryIds: [],
   supplyIds: [],
   shelterStatus: [],
@@ -55,17 +55,16 @@ const Home = () => {
   );
 
   const factorySearchArgs = useCallback((values: IFilterFormProps) => {
-    const searchQueryArgs: IFilterSubmittionForm = {
+    const searchQueryArgs = {
       search: values.search,
-      priority: values.priority.join(),
+      priorities: values.priorities,
       supplyCategoryIds: values.supplyCategoryIds,
       supplyIds: values.supplyIds,
       shelterStatus: values.shelterStatus,
-      cities: values.cities
-    }
-
+      cities: values.cities,
+    };
     return searchQueryArgs;
-  }, [])
+  }, []);
 
   const onSubmitFilterForm = useCallback(
     (values: IFilterFormProps) => {
@@ -101,7 +100,14 @@ const Home = () => {
       },
       true
     );
-  }, [refresh, filterData, shelters.filters, shelters.page, shelters.perPage, factorySearchArgs]);
+  }, [
+    refresh,
+    filterData,
+    shelters.filters,
+    shelters.page,
+    shelters.perPage,
+    factorySearchArgs,
+  ]);
 
   return (
     <div className="flex flex-col h-screen items-center">

src/pages/Home/components/Filter/Filter.tsx

@@ -65,7 +65,7 @@ const Filter = (props: IFilterProps) => {
     {
       initialValues: {
         cities: data.cities ?? [],
-        priority: data.priority.map((p: string) => ({
+        priorities: data.priorities.map((p: string) => ({
           label: priorityOpts[Number(p) as SupplyPriority],
           value: p,
         })),
@@ -92,23 +92,24 @@ const Filter = (props: IFilterProps) => {
       }),
       onSubmit: (values) => {
         const {
-          priority,
+          priorities,
           search,
           shelterStatus,
           supplies,
           supplyCategories,
           cities,
         } = values;
         onSubmit({
-          priority: priority.map((p) => p.value),
+          priorities: priorities.map((p) => p.value),
           search,
           shelterStatus: shelterStatus.map((s) => s.value),
           supplyCategoryIds: supplyCategories.map((s) => s.value),
           supplyIds: supplies.map((s) => s.value),
           cities,
         });
       },
-  });
+    }
+  );
 
   const supplyOptions = useMemo(() => {
     return supplies
@@ -182,15 +183,15 @@ const Filter = (props: IFilterProps) => {
                 </label>
                 <Select
                   placeholder="Selecione"
-                  value={values.priority}
+                  value={values.priorities}
                   isMulti
                   options={Object.entries(priorityOpts).map(
                     ([priority, label]) => ({
                       label,
                       value: priority,
-                    }),
+                    })
                   )}
-                  onChange={(v) => setFieldValue('priority', v)}
+                  onChange={(v) => setFieldValue('priorities', v)}
                 />
               </div>
               <div className="flex flex-col gap-1 w-full">

src/pages/Home/components/Filter/types.ts

@@ -7,7 +7,7 @@ export interface ISelectField<T = string> {
 
 export interface IFilterFormProps {
   search: string;
-  priority: string[];
+  priorities: string[];
   supplyCategoryIds: string[];
   supplyIds: string[];
   shelterStatus: ShelterAvailabilityStatus[];
@@ -20,7 +20,7 @@ export interface IFilterSubmittionForm extends Omit<IFilterFormProps, 'priority'
 
 export interface IFilterFormikProps {
   search: string;
-  priority: ISelectField[];
+  priorities: ISelectField[];
   supplyCategories: ISelectField[];
   supplies: ISelectField[];
   shelterStatus: ISelectField<ShelterAvailabilityStatus>[];