Merge pull request #65 from azawert/bugfix/design-comment-fix

fix(clients): 🐛 исправил замечания дизайна по карточке клиента

Author: azawert

src/modules/Clients/components/ClientsPage/CreateNewClientModal.tsx

@@ -4,6 +4,7 @@ import { IconButton } from "@mui/material"
 import { Close } from "@mui/icons-material"
 import { NewOwnerDto } from "@/generated/owners.ts"
 import { useForm } from "react-hook-form"
+import { addConfirmationNotification } from "@/shared/utils/utils.ts"
 
 type TProps = {
   onClose: () => void
@@ -19,17 +20,32 @@ export const CreateNewClientModal = ({
   const form = useForm<NewOwnerDto>({
     mode: "all",
   })
+  const confirmationNotification = addConfirmationNotification()
+
+  const onCloseAndReset = () => {
+    onClose()
+    form.reset()
+  }
+
+  const handleCloseModal = () => {
+    if (form.formState.isDirty) {
+      confirmationNotification(onCloseAndReset)
+    } else {
+      onCloseAndReset()
+    }
+  }
+
   return (
     <MultiStepModal
       ariaDescribedby="createnewclientheader"
       ariaLabelledby="createnewclientbody"
       form={form}
       formId="id"
       isOpen={isOpen}
-      onClose={onClose}
+      onClose={handleCloseModal}
       onSubmit={handleCreateClient}
       renderHeader={() => (
-        <IconButton onClick={onClose}>
+        <IconButton onClick={handleCloseModal}>
           <Close />
         </IconButton>
       )}

src/modules/Clients/const.ts

@@ -12,7 +12,6 @@ export const steps: TStep<NewOwnerDto>[] = [
       {
         label: "Фамилия",
         name: "lastName",
-        isRequired: true,
         validation: {
           minLength: {
             message: "Введите больше 2-ух символов",
@@ -22,12 +21,7 @@ export const steps: TStep<NewOwnerDto>[] = [
             value: 30,
             message: "Введите меньше 30 символов",
           },
-          required: {
-            message: "Пожалуйста, заполните это поле",
-            value: true,
-          },
         },
-        placeholder: "Фамилия",
       },
       {
         label: "Имя",
@@ -60,10 +54,6 @@ export const steps: TStep<NewOwnerDto>[] = [
             value: 30,
             message: "Введите меньше 30 символов",
           },
-          required: {
-            value: true,
-            message: "Пожалуйста, заполните это поле",
-          },
         },
       },
       {