From f2746b8b65ee724d46b40541c11076d9d9c69e7e Mon Sep 17 00:00:00 2001
From: AlexSserb <aserbin190@gmail.com>
Date: Sat, 13 Sep 2025 09:02:07 +0400
Subject: [PATCH] refactor: using isDirty in forms

---
 .../drawers/DealEditorDrawer/tabs/GeneralTab/Footer.tsx  | 9 +++------
 .../DealEditorDrawer/tabs/GeneralTab/GeneralTab.tsx      | 3 +--
 .../ProjectEditorDrawer/tabs/GeneralTab/Footer.tsx       | 8 +++-----
 .../ProjectEditorDrawer/tabs/GeneralTab/GeneralTab.tsx   | 3 +--
 4 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/app/deals/drawers/DealEditorDrawer/tabs/GeneralTab/Footer.tsx b/src/app/deals/drawers/DealEditorDrawer/tabs/GeneralTab/Footer.tsx
index a165483..e1f419f 100644
--- a/src/app/deals/drawers/DealEditorDrawer/tabs/GeneralTab/Footer.tsx
+++ b/src/app/deals/drawers/DealEditorDrawer/tabs/GeneralTab/Footer.tsx
@@ -1,17 +1,14 @@
 import { FC } from "react";
-import { isEqual } from "lodash";
 import { Button, Group } from "@mantine/core";
 import { UseFormReturnType } from "@mantine/form";
 import { DealForm } from "@/app/deals/drawers/DealEditorDrawer/tabs/GeneralTab/GeneralTab";
-import { DealSchema } from "@/lib/client";
 
 type Props = {
     form: UseFormReturnType<DealForm>;
-    initialValues: Partial<DealSchema>;
     onDelete: () => void;
 };
 
-const Footer: FC<Props> = ({ form, initialValues, onDelete }) => {
+const Footer: FC<Props> = ({ form, onDelete }) => {
     return (
         <Group
             justify={"space-between"}
@@ -19,14 +16,14 @@ const Footer: FC<Props> = ({ form, initialValues, onDelete }) => {
             <Group wrap={"nowrap"}>
                 <Button
                     type={"submit"}
-                    disabled={isEqual(form.values, initialValues)}
+                    disabled={!form.isDirty()}
                     variant={"filled"}>
                     Сохранить
                 </Button>
                 <Button
                     type={"reset"}
                     onClick={() => form.reset()}
-                    disabled={isEqual(form.values, initialValues)}
+                    disabled={!form.isDirty()}
                     variant={"default"}>
                     Отменить
                 </Button>
diff --git a/src/app/deals/drawers/DealEditorDrawer/tabs/GeneralTab/GeneralTab.tsx b/src/app/deals/drawers/DealEditorDrawer/tabs/GeneralTab/GeneralTab.tsx
index f585764..5776412 100644
--- a/src/app/deals/drawers/DealEditorDrawer/tabs/GeneralTab/GeneralTab.tsx
+++ b/src/app/deals/drawers/DealEditorDrawer/tabs/GeneralTab/GeneralTab.tsx
@@ -29,7 +29,7 @@ const GeneralTab: FC<Props> = ({ value, onDelete, onChange }) => {
     });
 
     const onSubmit = (values: DealForm) => {
-        form.setInitialValues(values);
+        form.resetDirty();
         onChange({
             ...values,
             board: values.board!,
@@ -63,7 +63,6 @@ const GeneralTab: FC<Props> = ({ value, onDelete, onChange }) => {
                 />
                 <Footer
                     form={form}
-                    initialValues={value}
                     onDelete={() => onDelete(value)}
                 />
             </Stack>
diff --git a/src/app/deals/drawers/ProjectEditorDrawer/tabs/GeneralTab/Footer.tsx b/src/app/deals/drawers/ProjectEditorDrawer/tabs/GeneralTab/Footer.tsx
index ee0b228..9e08eac 100644
--- a/src/app/deals/drawers/ProjectEditorDrawer/tabs/GeneralTab/Footer.tsx
+++ b/src/app/deals/drawers/ProjectEditorDrawer/tabs/GeneralTab/Footer.tsx
@@ -1,16 +1,14 @@
 import { FC } from "react";
-import { isEqual } from "lodash";
 import { Button, Group } from "@mantine/core";
 import { UseFormReturnType } from "@mantine/form";
 import { ProjectSchema } from "@/lib/client";
 
 type Props = {
     form: UseFormReturnType<ProjectSchema>;
-    initialValues: Partial<ProjectSchema>;
     onDelete: () => void;
 };
 
-const Footer: FC<Props> = ({ form, initialValues, onDelete }) => {
+const Footer: FC<Props> = ({ form, onDelete }) => {
     return (
         <Group
             justify={"space-between"}
@@ -18,14 +16,14 @@ const Footer: FC<Props> = ({ form, initialValues, onDelete }) => {
             <Group wrap={"nowrap"}>
                 <Button
                     type={"submit"}
-                    disabled={isEqual(form.values, initialValues)}
+                    disabled={!form.isDirty()}
                     variant={"filled"}>
                     Сохранить
                 </Button>
                 <Button
                     type={"reset"}
                     onClick={() => form.reset()}
-                    disabled={isEqual(form.values, initialValues)}
+                    disabled={!form.isDirty()}
                     variant={"default"}>
                     Отменить
                 </Button>
diff --git a/src/app/deals/drawers/ProjectEditorDrawer/tabs/GeneralTab/GeneralTab.tsx b/src/app/deals/drawers/ProjectEditorDrawer/tabs/GeneralTab/GeneralTab.tsx
index 8e1201d..84566d3 100644
--- a/src/app/deals/drawers/ProjectEditorDrawer/tabs/GeneralTab/GeneralTab.tsx
+++ b/src/app/deals/drawers/ProjectEditorDrawer/tabs/GeneralTab/GeneralTab.tsx
@@ -19,8 +19,8 @@ const GeneralTab: FC<Props> = ({ value, onChange, onDelete }) => {
     });
 
     const onSubmit = (values: ProjectSchema) => {
+        form.resetDirty(values);
         onChange(values);
-        form.setInitialValues(values);
     };
 
     return (
@@ -32,7 +32,6 @@ const GeneralTab: FC<Props> = ({ value, onChange, onDelete }) => {
                 />
                 <Footer
                     form={form}
-                    initialValues={value}
                     onDelete={() => onDelete(value)}
                 />
             </Stack>