[WIP] add styles

frontend/src/pages/Contract/index.tsx

@@ -18,7 +18,7 @@ import {
     Title,
 } from "@mantine/core";
 import { useForm } from "@mantine/form";
-import { IconMail, IconPhone, IconUser } from "@tabler/icons-react";
+import { IconDownload, IconMail, IconPhone, IconUser } from "@tabler/icons-react";
 import { useCallback, useMemo, useRef } from "react";
 import { useParams } from "react-router";
 import { computePrices } from "./price";
@@ -35,7 +35,7 @@ export function Contract() {
             email: "",
             phone: "",
             payment_method: "",
-            cheque_quantity: 0,
+            cheque_quantity: 1,
             cheques: [],
             products: {},
         },
@@ -134,12 +134,15 @@ export function Contract() {
             return;
         }
         if (inputForm.isValid() && isShipmentsMinimumValue()) {
+            const formValues = inputForm.getValues();
             const contract = {
-                ...inputForm.getValues(),
+                ...formValues,
+                cheque_quantity: formValues.payment_method === "cheque" ? formValues.cheque_quantity : 0,
                 form_id: form.id,
-                products: tranformProducts(withDefaultValues(inputForm.getValues().products)),
+                products: tranformProducts(withDefaultValues(formValues.products)),
             };
             await createContractMutation.mutateAsync(contract);
+            window.location.href = '/';
         } else {
             const firstErrorField = Object.keys(errors.errors)[0];
             const ref = inputRefs.current[firstErrorField];
@@ -283,10 +286,7 @@ export function Contract() {
             />
             {inputForm.values.payment_method === "cheque" ? (
                 <ContractCheque
-                    chequeOrder={
-                        form?.productor?.payment_methods.find((el) => el.name === "cheque")
-                            ?.details || ""
-                    }
+                    productor={form?.productor}
                     price={price}
                     inputForm={inputForm}
                 />
@@ -316,8 +316,10 @@ export function Contract() {
                         currency: "EUR",
                     }).format(price)}
                 </Text>
-                <Button aria-label={t("submit contract")} onClick={handleSubmit}>
-                    {t("submit contract")}
+                <Button 
+                    leftSection={<IconDownload/>}
+                    aria-label={t("submit contracts")} onClick={handleSubmit}>
+                    {t("submit contract", {capfirst: true})}
                 </Button>
             </Overlay>
         </Stack>

frontend/src/pages/Contracts/index.tsx

@@ -89,6 +89,7 @@ export default function Contracts() {
                         label={t("download recap", { capfirst: true })}
                     >
                         <ActionIcon
+                            disabled={false}
                             onClick={(e) => {
                                 e.stopPropagation();
                                 navigate(

frontend/src/pages/Forms/index.tsx

@@ -1,5 +1,5 @@
 import { Stack, Loader, Title, Group, ActionIcon, Tooltip, Table, ScrollArea } from "@mantine/core";
-import { useCreateForm, useEditForm, useGetForm, useGetForms } from "@/services/api";
+import { useCreateForm, useEditForm, useGetForm, useGetReferentForms } from "@/services/api";
 import { t } from "@/config/i18n";
 import { useLocation, useNavigate, useSearchParams } from "react-router";
 import { IconPlus } from "@tabler/icons-react";
@@ -28,12 +28,12 @@ export function Forms() {
         navigate(`/dashboard/forms${searchParams ? `?${searchParams.toString()}` : ""}`);
     }, [navigate, searchParams]);
 
-    const { isPending, data } = useGetForms(searchParams);
+    const { isPending, data } = useGetReferentForms(searchParams);
     const { data: currentForm } = useGetForm(Number(editId), {
         enabled: !!editId,
     });
 
-    const { data: allForms } = useGetForms();
+    const { data: allForms } = useGetReferentForms();
 
     const seasons = useMemo(() => {
         return allForms
@@ -148,6 +148,7 @@ export function Forms() {
                 <Table striped>
                     <Table.Thead>
                         <Table.Tr>
+                            <Table.Th>{t("visible", { capfirst: true })}</Table.Th>
                             <Table.Th>{t("name", { capfirst: true })}</Table.Th>
                             <Table.Th>{t("type", { capfirst: true })}</Table.Th>
                             <Table.Th>{t("start", { capfirst: true })}</Table.Th>

frontend/src/pages/Productors/index.tsx

@@ -58,6 +58,11 @@ export default function Productors() {
         async (productor: ProductorInputs) => {
             await createProductorMutation.mutateAsync({
                 ...productor,
+                payment_methods: productor.payment_methods.map((payment) =>( {
+                    name: payment.name,
+                    details: payment.details,
+                    max: payment.max === "" ? null : payment.max
+                }))
             });
             closeModal();
         },
@@ -69,7 +74,14 @@ export default function Productors() {
             if (!id) return;
             await editProductorMutation.mutateAsync({
                 id: id,
-                productor: productor,
+                productor: {
+                    ...productor,
+                    payment_methods: productor.payment_methods.map((payment) =>( {
+                    name: payment.name,
+                    details: payment.details,
+                    max: payment.max === "" ? null : payment.max
+                }))
+                },
             });
             closeModal();
         },
@@ -146,7 +158,7 @@ export default function Productors() {
                         </Table.Tr>
                     </Table.Thead>
                     <Table.Tbody>
-                        {productors.map((productor) => (
+                        {productors?.map((productor) => (
                             <ProductorRow productor={productor} key={productor.id} />
                         ))}
                     </Table.Tbody>

frontend/src/pages/Users/index.tsx

@@ -127,11 +127,12 @@ export default function Users() {
                         <Table.Tr>
                             <Table.Th>{t("name", { capfirst: true })}</Table.Th>
                             <Table.Th>{t("email", { capfirst: true })}</Table.Th>
+                            <Table.Th>{t("roles", { capfirst: true })}</Table.Th>
                             <Table.Th>{t("actions", { capfirst: true })}</Table.Th>
                         </Table.Tr>
                     </Table.Thead>
                     <Table.Tbody>
-                        {users.map((user) => (
+                        {users?.map((user) => (
                             <UserRow user={user} key={user.id} />
                         ))}
                     </Table.Tbody>