loaders, outSelectClose, notifications

src/components/Modal/Tracker/TrackerModal/TrackerModal.jsx

@@ -40,6 +40,7 @@ import crossWhite from "assets/icons/crossWhite.svg";
 import avatarMok from "assets/images/avatarMok.png";
 
 import "./trackerModal.scss";
+import { Loader } from "@components/Common/Loader/Loader";
 
 registerLocale("ru", ru);
 
@@ -90,6 +91,7 @@ export const TrackerModal = ({
   const [deadLineDate, setDeadLineDate] = useState("");
   const [datePickerOpen, setDatePickerOpen] = useState(false);
   const [startDate, setStartDate] = useState(new Date());
+  const [loader, setLoader] = useState(false)
 
   const priority = [
     {
@@ -138,6 +140,8 @@ export const TrackerModal = ({
       return;
     }
 
+    setLoader(true)
+
     apiRequest("/task/create-task", {
       method: "POST",
       data: {
@@ -158,6 +162,7 @@ export const TrackerModal = ({
           text: "Задача с таким именем уже существует",
           type: "error"
         });
+        setLoader(false)
       } else {
         for (let i = 0; i < taskTags.length; i++) {
           apiRequest("/mark/attach", {
@@ -185,9 +190,11 @@ export const TrackerModal = ({
             setDescriptionTicket("");
             setSelectedExecutorTask("Выберите исполнителя");
             setSelectedPriority(null);
+            setLoader(false)
           });
         } else {
           setActive(false);
+          setLoader(false)
           setValueTicket("");
           setDescriptionTicket("");
           dispatch(setProjectBoardFetch(projectBoard.id));
@@ -702,9 +709,11 @@ export const TrackerModal = ({
                 </div>
               </div>
             </div>
-            <BaseButton styles={"button-add"} onClick={createTicket}>
+            {loader ? <Loader style={'green'} /> :
+              <BaseButton styles={"button-add"} onClick={createTicket}>
               Создать
-            </BaseButton>
+              </BaseButton>
+            }
           </div>
         </>
       )}