fix delete modal

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

@@ -1,11 +1,9 @@
 import { ActionIcon, Badge, Table, Tooltip } from "@mantine/core";
 import { useNavigate, useSearchParams } from "react-router";
-import { useDeleteForm, useGetDeleteDependencies } from "@/services/api";
 import { IconEdit, IconX } from "@tabler/icons-react";
 import { t } from "@/config/i18n";
 import type { Form } from "@/services/resources/forms";
-import { DeleteModal } from "@/components/DeleteModal";
-import { useDisclosure } from "@mantine/hooks";
+
 
 export type FormRowProps = {
     form: Form;
@@ -13,10 +11,7 @@ export type FormRowProps = {
 
 export default function FormRow({ form }: FormRowProps) {
     const [searchParams] = useSearchParams();
-    const deleteMutation = useDeleteForm();
     const navigate = useNavigate();
-    const [deleteOpened, { open: deleteOpen, close: deleteClose }] = useDisclosure(false);
-    const {data: deleteDependencies} = useGetDeleteDependencies("form", form.id);
     return (
         <Table.Tr key={form.id}>
             <Table.Td>
@@ -46,22 +41,17 @@ export default function FormRow({ form }: FormRowProps) {
                         <IconEdit />
                     </ActionIcon>
                 </Tooltip>
-                <DeleteModal
-                    opened={deleteOpened}
-                    onClose={deleteClose}
-                    handleSubmit={(id: number) => {
-                        deleteMutation.mutate(id);
-                    }}
-                    entityType={"form"}
-                    entity={form}
-                    dependencies={deleteDependencies || []}
-                />
                 <Tooltip label={t("remove form", { capfirst: true })}>
                     <ActionIcon
                         color="red"
                         size="sm"
                         mr="5"
-                        onClick={deleteOpen}
+                        onClick={(e) => {
+                            e.stopPropagation();
+                            navigate(
+                                `/dashboard/forms/${form.id}/delete${searchParams ? `?${searchParams.toString()}` : ""}`,
+                            );
+                        }}
                     >
                         <IconX />
                     </ActionIcon>