add products

frontend/src/pages/Products/index.tsx

@@ -6,7 +6,7 @@ import ProductRow from "@/components/Products/Row";
 import { useLocation, useNavigate, useSearchParams } from "react-router";
 import { ProductModal } from "@/components/Products/Modal";
 import { useCallback, useMemo } from "react";
-import type { Product, ProductInputs } from "@/services/resources/products";
+import { productCreateFromProductInputs, type Product, type ProductInputs } from "@/services/resources/products";
 import ProductsFilters from "@/components/Products/Filter";
 
 export default function Products() {
@@ -28,19 +28,17 @@ export default function Products() {
         return allProducts?.map((product: Product) => (product.name))
             .filter((season, index, array) => array.indexOf(season) === index)
     }, [allProducts])
-    
-    const types = useMemo(() => {
-        return allProducts?.map((product: Product) => (product.type))
-            .filter((product, index, array) => array.indexOf(product) === index)
+
+    const productors = useMemo(() => {
+        return allProducts?.map((form: Product) => (form.productor.name))
+            .filter((productor, index, array) => array.indexOf(productor) === index)
     }, [allProducts])
 
     const createProductMutation = createProduct();
     const editProductMutation = editProduct();
 
     const handleCreateProduct = useCallback(async (product: ProductInputs) => {
-        await createProductMutation.mutateAsync({
-            ...product
-        });
+        await createProductMutation.mutateAsync(productCreateFromProductInputs(product));
         closeModal();
     }, [createProductMutation]);
 
@@ -57,7 +55,7 @@ export default function Products() {
     const onFilterChange = useCallback((values: string[], filter: string) => {
         setSearchParams(prev => {
             const params = new URLSearchParams(prev);
-            params.delete(filter)
+            params.delete(filter);
             
             values.forEach(value => {
                 params.append(filter, value);
@@ -91,8 +89,8 @@ export default function Products() {
                 />
             </Group>
             <ProductsFilters
+                productors = {productors || []}
                 names={names || []}
-                types={types || []}
                 filters={searchParams}
                 onFilterChange={onFilterChange}
             />