Add authentification

frontend/src/pages/Contracts/index.tsx

@@ -1,37 +1,26 @@
 import { ActionIcon, Group, Loader, ScrollArea, Stack, Table, Title, Tooltip } from "@mantine/core";
 import { t } from "@/config/i18n";
-import { useCreateContract, useGetContract, useGetContracts } from "@/services/api";
-import { IconPlus } from "@tabler/icons-react";
+import { useGetAllContractFile, useGetContracts } from "@/services/api";
+import { IconDownload } from "@tabler/icons-react";
 import ContractRow from "@/components/Contracts/Row";
 import { useLocation, useNavigate, useSearchParams } from "react-router";
 import { ContractModal } from "@/components/Contracts/Modal";
 import { useCallback, useMemo } from "react";
-import { type Contract, type ContractInputs } from "@/services/resources/contracts";
+import { type Contract } from "@/services/resources/contracts";
 import ContractsFilters from "@/components/Contracts/Filter";
 
 export default function Contracts() {
     const [searchParams, setSearchParams] = useSearchParams();
-    // const location = useLocation();
-    // const navigate = useNavigate();
+    const location = useLocation();
+    const navigate = useNavigate();
+    const getAllContractFilesMutation = useGetAllContractFile();
+    const isdownload = location.pathname.includes("/download");
 
-    // const isCreate = location.pathname === "/dashboard/contracts/create";
-    // const isEdit = location.pathname.includes("/edit");
-
-    // const editId = useMemo(() => {
-    //     if (isEdit) {
-    //         return location.pathname.split("/")[3];
-    //     }
-    //     return null;
-    // }, [location, isEdit]);
-
-    // const closeModal = useCallback(() => {
-    //     navigate(`/dashboard/contracts${searchParams ? `?${searchParams.toString()}` : ""}`);
-    // }, [navigate, searchParams]);
+    const closeModal = useCallback(() => {
+        navigate(`/dashboard/contracts${searchParams ? `?${searchParams.toString()}` : ""}`);
+    }, [navigate, searchParams]);
 
     const { data: contracts, isPending } = useGetContracts(searchParams);
-    // const { data: currentContract } = useGetContract(Number(editId), {
-    //     enabled: !!editId,
-    // });
 
     const { data: allContracts } = useGetContracts();
 
@@ -56,6 +45,13 @@ export default function Contracts() {
         [setSearchParams],
     );
 
+    const handleDownloadContracts = useCallback(
+        async (id: number) => {
+            await getAllContractFilesMutation.mutateAsync(id);
+        },
+        [getAllContractFilesMutation],
+    );
+
     if (!contracts || isPending)
         return (
             <Group align="center" justify="center" h="80vh" w="100%">
@@ -66,32 +62,24 @@ export default function Contracts() {
     return (
         <Stack>
             <Group justify="space-between">
-                <Title order={2}>{t("all referers", { capfirst: true })}</Title>
-                {/* <Tooltip label={t("create contract", { capfirst: true })}>
+                <Title order={2}>{t("all contracts", { capfirst: true })}</Title>
+                <Tooltip label={t("download contracts", { capfirst: true })}>
                     <ActionIcon
                         onClick={(e) => {
                             e.stopPropagation();
                             navigate(
-                                `/dashboard/contracts/create${searchParams ? `?${searchParams.toString()}` : ""}`,
+                                `/dashboard/contracts/download${searchParams ? `?${searchParams.toString()}` : ""}`,
                             );
                         }}
                     >
-                        <IconPlus />
+                        <IconDownload />
                     </ActionIcon>
                 </Tooltip>
                 <ContractModal
-                    key={`${currentContract?.id}_create`}
-                    opened={isCreate}
+                    opened={isdownload}
                     onClose={closeModal}
-                    handleSubmit={handleCreateContract}
+                    handleSubmit={handleDownloadContracts}
                 />
-                <ContractModal
-                    key={`${currentContract?.id}_edit`}
-                    opened={isEdit}
-                    onClose={closeModal}
-                    currentContract={currentContract}
-                    handleSubmit={handleEditContract}
-                /> */}
             </Group>
             <ContractsFilters
                 forms={forms || []}
@@ -102,6 +90,7 @@ export default function Contracts() {
                 <Table striped>
                     <Table.Thead>
                         <Table.Tr>
+                            <Table.Th>{t("form", { capfirst: true })}</Table.Th>
                             <Table.Th>{t("name", { capfirst: true })}</Table.Th>
                             <Table.Th>{t("email", { capfirst: true })}</Table.Th>
                             <Table.Th>{t("payment method", { capfirst: true })}</Table.Th>