add all suppress modal

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

@@ -2,16 +2,17 @@ import { ActionIcon, Table, Tooltip } from "@mantine/core";
 import { type Contract } from "@/services/resources/contracts";
 import { IconDownload, IconX } from "@tabler/icons-react";
 import { t } from "@/config/i18n";
-import { useDeleteContract, useGetContractFile } from "@/services/api";
+import { useGetContractFile } from "@/services/api";
 import { useCallback } from "react";
+import { useNavigate } from "react-router";
 
 export type ContractRowProps = {
     contract: Contract;
 };
 
 export default function ContractRow({ contract }: ContractRowProps) {
-    const deleteMutation = useDeleteContract();
     const getContractMutation = useGetContractFile();
+    const navigate = useNavigate();
 
     const handleDownload = useCallback(async () => {
         getContractMutation.mutateAsync(contract.id);
@@ -29,12 +30,10 @@ export default function ContractRow({ contract }: ContractRowProps) {
                 {contract.cheque_quantity > 0 && contract.cheque_quantity} {contract.payment_method}
             </Table.Td>
             <Table.Td>
-                {
-                    `${Intl.NumberFormat("fr-FR", {
-                        style: "currency",
-                        currency: "EUR",
-                    }).format(contract.total_price)}`
-                }
+                {`${Intl.NumberFormat("fr-FR", {
+                    style: "currency",
+                    currency: "EUR",
+                }).format(contract.total_price)}`}
             </Table.Td>
             <Table.Td>
                 <Tooltip label={t("download contract", { capfirst: true })}>
@@ -54,8 +53,9 @@ export default function ContractRow({ contract }: ContractRowProps) {
                         color="red"
                         size="sm"
                         mr="5"
-                        onClick={() => {
-                            deleteMutation.mutate(contract.id);
+                        onClick={(e) => {
+                            e.stopPropagation();
+                            navigate(`/dashboard/contracts/${contract.id}/delete`);
                         }}
                     >
                         <IconX />