Add authentification

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

@@ -10,24 +10,17 @@ export type ContractRowProps = {
 };
 
 export default function ContractRow({ contract }: ContractRowProps) {
-    // const [searchParams] = useSearchParams();
     const deleteMutation = useDeleteContract();
-    // const navigate = useNavigate();
-    const {refetch, isFetching} = useGetContractFile(contract.id)
-    const handleDownload = useCallback(async () => {
-        const { data } = await refetch();
-        if (!data)
-            return;
+    const getContractMutation = useGetContractFile();
 
-        const url = URL.createObjectURL(data.blob);
-        const link = document.createElement("a");
-        link.href = url;
-        link.download = data.filename;
-        link.click();
-        URL.revokeObjectURL(url);
-    }, [useGetContractFile])
+    const handleDownload = useCallback(async () => {
+        getContractMutation.mutateAsync(contract.id);
+    }, [useGetContractFile, contract, contract.id]);
     return (
         <Table.Tr key={contract.id}>
+            <Table.Td>
+                {contract.form.name} {contract.form.season}
+            </Table.Td>
             <Table.Td>
                 {contract.firstname} {contract.lastname}
             </Table.Td>
@@ -36,32 +29,16 @@ export default function ContractRow({ contract }: ContractRowProps) {
                 {contract.cheque_quantity > 0 && contract.cheque_quantity} {contract.payment_method}
             </Table.Td>
             <Table.Td>
-                {/* <Tooltip label={t("edit contract", { capfirst: true })}>
+                <Tooltip label={t("download contract", { capfirst: true })}>
                     <ActionIcon
                         size="sm"
                         mr="5"
                         onClick={(e) => {
                             e.stopPropagation();
-                            navigate(
-                                `/dashboard/contracts/${contract.id}/edit${searchParams ? `?${searchParams.toString()}` : ""}`,
-                            );
+                            handleDownload();
                         }}
                     >
-                        <IconEdit />
-                    </ActionIcon>
-                </Tooltip> */}
-                <Tooltip
-                    label={t("download contract")}
-                >
-                    <ActionIcon
-                        size="sm"
-                        mr="5"
-                        onClick={(e) => {
-                            e.stopPropagation();
-                            handleDownload()
-                        }}
-                    >
-                        <IconDownload/>
+                        <IconDownload />
                     </ActionIcon>
                 </Tooltip>
                 <Tooltip label={t("remove contract", { capfirst: true })}>