add visible field to form

frontend/src/components/Forms/Modal/index.tsx

@@ -1,5 +1,6 @@
 import {
     Button,
+    Checkbox,
     Group,
     Modal,
     NumberInput,
@@ -33,6 +34,7 @@ export default function FormModal({ opened, onClose, currentForm, handleSubmit }
             productor_id: currentForm?.productor?.id.toString() ?? "",
             referer_id: currentForm?.referer?.id.toString() ?? "",
             minimum_shipment_value: currentForm?.minimum_shipment_value ?? null,
+            visible: currentForm?.visible ?? false
         },
         validate: {
             name: (value) =>
@@ -136,6 +138,11 @@ export default function FormModal({ opened, onClose, currentForm, handleSubmit }
                 radius="sm"
                 {...form.getInputProps("minimum_shipment_value")}
             />
+            <Checkbox mt="lg"
+                label={t("visible", {capfirst: true})}
+                description={t("by checking this option the form will be accessible publicly on the home page, only check it if everything is fine with your form", {capfirst: true})}
+                {...form.getInputProps("visible", {type: "checkbox"})}
+            />
             <Group mt="sm" justify="space-between">
                 <Button
                     variant="filled"

frontend/src/components/Forms/Row/index.tsx

@@ -1,4 +1,4 @@
-import { ActionIcon, Table, Tooltip } from "@mantine/core";
+import { ActionIcon, Badge, Table, Tooltip } from "@mantine/core";
 import { useNavigate, useSearchParams } from "react-router";
 import { useDeleteForm } from "@/services/api";
 import { IconEdit, IconX } from "@tabler/icons-react";
@@ -16,6 +16,12 @@ export default function FormRow({ form }: FormRowProps) {
 
     return (
         <Table.Tr key={form.id}>
+            <Table.Td>
+                {form.visible ? 
+                    <Badge color="green">{t("visible", {capfirst: true})}</Badge> : 
+                    <Badge color="red">{t("hidden", {capfirst: true})}</Badge>
+                }
+            </Table.Td>
             <Table.Td>{form.name}</Table.Td>
             <Table.Td>{form.season}</Table.Td>
             <Table.Td>{form.start}</Table.Td>

frontend/src/components/Shipments/Modal/index.tsx

@@ -13,7 +13,7 @@ import { IconCancel, IconEdit, IconPlus } from "@tabler/icons-react";
 import { useForm } from "@mantine/form";
 import { useMemo } from "react";
 import { type Shipment, type ShipmentInputs } from "@/services/resources/shipments";
-import { useGetForms, useGetProductors, useGetProducts } from "@/services/api";
+import { useGetReferentForms, useGetProductors, useGetProducts } from "@/services/api";
 
 export type ShipmentModalProps = ModalBaseProps & {
     currentShipment?: Shipment;
@@ -43,7 +43,7 @@ export default function ShipmentModal({
         },
     });
 
-    const { data: allForms } = useGetForms();
+    const { data: allForms } = useGetReferentForms();
     const { data: allProducts } = useGetProducts(new URLSearchParams("types=1"));
     const { data: allProductors } = useGetProductors();
 

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/services/api.ts

@@ -330,6 +330,15 @@ export function useGetForms(filters?: URLSearchParams): UseQueryResult<Form[], E
     });
 }
 
+export function useGetReferentForms(filters?: URLSearchParams): UseQueryResult<Form[], Error> {
+    const queryString = filters?.toString();
+    return useQuery<Form[]>({
+        queryKey: ["forms", queryString],
+        queryFn: () =>
+            fetchWithAuth(`${Config.backend_uri}/forms/referents${filters ? `?${queryString}` : ""}`).then((res) => res.json()),
+    });
+}
+
 export function useCreateForm() {
     const queryClient = useQueryClient();
 
@@ -711,7 +720,6 @@ export function useGetContractFile() {
     });
 }
 
-
 export function useGetContractFileTemplate() {
     return useMutation({
         mutationFn: async (form_id: number) => {

frontend/src/services/resources/forms.ts

@@ -12,6 +12,7 @@ export type Form = {
     referer: User;
     shipments: Shipment[];
     minimum_shipment_value: number | null;
+    visible: boolean;
 };
 
 export type FormCreate = {
@@ -22,6 +23,7 @@ export type FormCreate = {
     productor_id: number;
     referer_id: number;
     minimum_shipment_value: number | null;
+    visible: boolean;
 };
 
 export type FormEdit = {
@@ -32,6 +34,7 @@ export type FormEdit = {
     productor_id?: number | null;
     referer_id?: number | null;
     minimum_shipment_value: number | null;
+    visible: boolean;
 };
 
 export type FormEditPayload = {
@@ -47,4 +50,5 @@ export type FormInputs = {
     productor_id: string;
     referer_id: string;
     minimum_shipment_value: number | string | null;
+    visible: boolean;
 };