diff --git a/web-app/src/Components/Dummies/AppointmentFormModal/useAppointmentFormModalUI.js b/web-app/src/Components/Dummies/AppointmentFormModal/useAppointmentFormModalUI.js
index 0f8eb7a..cae22a0 100644
--- a/web-app/src/Components/Dummies/AppointmentFormModal/useAppointmentFormModalUI.js
+++ b/web-app/src/Components/Dummies/AppointmentFormModal/useAppointmentFormModalUI.js
@@ -1,18 +1,18 @@
-import { Form, notification } from "antd";
-import { useDispatch, useSelector } from "react-redux";
-import { closeModal, setSelectedScheduledAppointment } from "../../../Redux/Slices/appointmentsSlice.js";
+import {Form, notification} from "antd";
+import {useDispatch, useSelector} from "react-redux";
+import {closeModal, setSelectedScheduledAppointment} from "../../../Redux/Slices/appointmentsSlice.js";
 import {useEffect, useMemo, useRef, useState} from "react";
 import dayjs from "dayjs";
-import { useGetAppointmentsQuery } from "../../../Api/appointmentsApi.js";
-import { Grid } from "antd";
+import {useGetAppointmentsQuery} from "../../../Api/appointmentsApi.js";
+import {Grid} from "antd";
 
-const { useBreakpoint } = Grid;
+const {useBreakpoint} = Grid;
 
 const useAppointmentFormModalUI = (createAppointment, patients, cancelAppointment, useGetByPatientIdQuery) => {
     const dispatch = useDispatch();
 
-    const { userData } = useSelector((state) => state.auth);
-    const { modalVisible, scheduledData } = useSelector((state) => state.appointmentsUI);
+    const {userData} = useSelector((state) => state.auth);
+    const {modalVisible, scheduledData} = useSelector((state) => state.appointmentsUI);
     const [form] = Form.useForm();
     const screens = useBreakpoint();
 
@@ -25,7 +25,7 @@ const useAppointmentFormModalUI = (createAppointment, patients, cancelAppointmen
     const [searchPreviousAppointments, setSearchPreviousAppointments] = useState("");
     const editorRef = useRef(null);
 
-    const { data: appointments = [] } = useGetAppointmentsQuery(userData.id, {
+    const {data: appointments = []} = useGetAppointmentsQuery(userData.id, {
         pollingInterval: 20000,
     });
 
@@ -38,14 +38,14 @@ const useAppointmentFormModalUI = (createAppointment, patients, cancelAppointmen
         skip: !selectedPatient,
     });
 
-    const blockStepStyle = { marginBottom: 16 };
-    const searchInputStyle = { marginBottom: 16 };
-    const chooseContainerStyle = { maxHeight: 400, overflowY: "auto" };
-    const loadingContainerStyle = { display: "flex", justifyContent: "center", alignItems: "center", height: 200 };
-    const stepsContentStyle = { marginBottom: 16 };
-    const stepsIndicatorStyle = { marginBottom: 16 };
-    const footerRowStyle = { marginTop: 16 };
-    const footerButtonStyle = { marginRight: 8 };
+    const blockStepStyle = {marginBottom: 16};
+    const searchInputStyle = {marginBottom: 16};
+    const chooseContainerStyle = {maxHeight: 400, overflowY: "auto"};
+    const loadingContainerStyle = {display: "flex", justifyContent: "center", alignItems: "center", height: 200};
+    const stepsContentStyle = {marginBottom: 16};
+    const stepsIndicatorStyle = {marginBottom: 16};
+    const footerRowStyle = {marginTop: 16};
+    const footerButtonStyle = {marginRight: 8};
 
     const screenXS = !screens.sm;
     const direction = screenXS ? "vertical" : "horizontal";
@@ -201,7 +201,16 @@ const useAppointmentFormModalUI = (createAppointment, patients, cancelAppointmen
 
     const resetPatient = () => {
         setSelectedPatient(null);
-        form.setFieldsValue({ patient_id: undefined });
+        form.setFieldsValue({patient_id: undefined});
+    };
+
+    const resetForm = () => {
+        form.resetFields();
+        setSelectedPatient(null);
+        setCurrentStep(0);
+        setSearchPatientString("");
+        setFormValues({});
+        setIsDrawerVisible(false);
     };
 
     const handleSetAppointmentDate = (date) => setAppointmentDate(date);
@@ -226,7 +235,7 @@ const useAppointmentFormModalUI = (createAppointment, patients, cancelAppointmen
                 });
                 return;
             }
-            form.setFieldsValue({ patient_id: selectedPatient.id });
+            form.setFieldsValue({patient_id: selectedPatient.id});
             setCurrentStep(1);
         } else if (currentStep === 1) {
             try {
@@ -290,10 +299,7 @@ const useAppointmentFormModalUI = (createAppointment, patients, cancelAppointmen
             });
 
             dispatch(closeModal());
-            form.resetFields();
-            setSelectedPatient(null);
-            setCurrentStep(0);
-            setFormValues({});
+            resetForm();
         } catch (error) {
             notification.error({
                 message: "Ошибка",
@@ -316,12 +322,7 @@ const useAppointmentFormModalUI = (createAppointment, patients, cancelAppointmen
     };
 
     const handleCancel = () => {
-        form.resetFields();
-        setSelectedPatient(null);
-        setCurrentStep(0);
-        setSearchPatientString("");
-        setFormValues({});
-        setIsDrawerVisible(false);
+        resetForm();
         dispatch(closeModal());
     };
 
diff --git a/web-app/src/Components/Dummies/ScheduledAppintmentFormModal/useScheduledAppointmentFormModalUI.js b/web-app/src/Components/Dummies/ScheduledAppintmentFormModal/useScheduledAppointmentFormModalUI.js
index d809b67..8979f68 100644
--- a/web-app/src/Components/Dummies/ScheduledAppintmentFormModal/useScheduledAppointmentFormModalUI.js
+++ b/web-app/src/Components/Dummies/ScheduledAppintmentFormModal/useScheduledAppointmentFormModalUI.js
@@ -17,6 +17,12 @@ const useScheduledAppointmentFormModalUI = (patients, createScheduledAppointment
     const [selectedDateTime, setSelectedDateTime] = useState(dayjs(new Date()).add(1, 'day'));
     const [selectedAppointmentType, setSelectedAppointmentType] = useState(null);
 
+    const resetForm = () => {
+        setSelectedPatient(null);
+        setSelectedDateTime(dayjs(new Date()).add(1, 'day'));
+        setSelectedAppointmentType(null);
+    };
+
     const handleCreateScheduledAppointment = async () => {
         try {
             const data = {
@@ -32,9 +38,7 @@ const useScheduledAppointmentFormModalUI = (patients, createScheduledAppointment
                 description: 'Прием успешно запланирован.',
             });
 
-            setSelectedPatient(null);
-            setSelectedDateTime(dayjs(new Date()).add(1, 'day'));
-            setSelectedAppointmentType(null);
+            resetForm();
 
             dispatch(closeScheduledModal());
         } catch (error) {
@@ -83,6 +87,7 @@ const useScheduledAppointmentFormModalUI = (patients, createScheduledAppointment
     const modalWidth = 700;
 
     const handleCancelModal = () => {
+        resetForm();
         dispatch(closeScheduledModal());
     };