feat: modules and module-editor pages

src/app/modules/hooks/useModulesTableActions.tsx

@@ -0,0 +1,57 @@
+import React from "react";
+import { redirect } from "next/navigation";
+import { useMutation } from "@tanstack/react-query";
+import { AxiosError } from "axios";
+import { Text } from "@mantine/core";
+import { modals } from "@mantine/modals";
+import { HttpValidationError, ModuleSchemaOutput } from "@/lib/client";
+import { deleteModuleMutation } from "@/lib/client/@tanstack/react-query.gen";
+import { notifications } from "@/lib/notifications";
+
+export type ModulesActions = {
+    onUpdate: (module: ModuleSchemaOutput) => void;
+    onDelete: (module: ModuleSchemaOutput) => void;
+};
+
+type Props = {
+    refetchModules: () => void;
+};
+
+const useModulesActions = ({ refetchModules }: Props): ModulesActions => {
+    const onUpdate = (module: ModuleSchemaOutput) => {
+        redirect(`/module-editor/${module.id}`);
+    };
+
+    const onError = (error: AxiosError<HttpValidationError>, _: any) => {
+        console.error(error);
+        notifications.error({
+            message: error.response?.data?.detail as string | undefined,
+        });
+    };
+
+    const deleteMutation = useMutation({
+        ...deleteModuleMutation(),
+        onError,
+        onSuccess: refetchModules,
+    });
+
+    const onDelete = (module: ModuleSchemaOutput) => {
+        modals.openConfirmModal({
+            title: "Удаление услуги из сделки",
+            children: (
+                <Text>
+                    Вы уверены, что хотите удалить модуль "{module.label}"?
+                </Text>
+            ),
+            confirmProps: { color: "red" },
+            onConfirm: () => deleteMutation.mutate({ path: { pk: module.id } }),
+        });
+    };
+
+    return {
+        onUpdate,
+        onDelete,
+    };
+};
+
+export default useModulesActions;