From 7fb04005bb3ab4f4930ab8270fde6710ac81bf21 Mon Sep 17 00:00:00 2001
From: Mikola <ko1907@mail.ru>
Date: Sat, 28 Oct 2023 17:57:58 +0300
Subject: [PATCH] outClick

---
 .../Modal/Tracker/ModalTicket/ModalTicket.jsx | 72 ++++++++--------
 .../TicketFullScreen/TicketFullScreen.jsx     | 83 ++++++++++---------
 src/pages/ProjectTracker/ProjectTracker.js    | 62 +++++++-------
 3 files changed, 112 insertions(+), 105 deletions(-)

diff --git a/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx b/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx
index 6c042713..c5055a9f 100644
--- a/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx
+++ b/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx
@@ -94,7 +94,7 @@ export const ModalTiсket = ({
   const [acceptModalOpen, setAcceptModalOpen] = useState(false);
   const [selectTagsOpen, setSelectTagsOpen] = useState(false);
   const { showNotification } = useNotification();
-  const [commentSendDisable, setCommentSendDisable] = useState(false)
+  const [commentSendDisable, setCommentSendDisable] = useState(false);
 
   function deleteTask() {
     apiRequest("/task/update-task", {
@@ -145,8 +145,8 @@ export const ModalTiсket = ({
   }
 
   function createComment() {
-    if (!inputsValue.comment) return
-    setCommentSendDisable(true)
+    if (!inputsValue.comment) return;
+    setCommentSendDisable(true);
     apiRequest("/comment/create", {
       method: "POST",
       data: {
@@ -156,7 +156,7 @@ export const ModalTiсket = ({
       },
     }).then((res) => {
       let newComment = res;
-      setCommentSendDisable(false)
+      setCommentSendDisable(false);
       newComment.created_at = new Date();
       newComment.subComments = [];
       setInputsValue((prevValue) => ({ ...prevValue, comment: "" }));
@@ -289,7 +289,7 @@ export const ModalTiсket = ({
   }
 
   useEffect(() => {
-    initListeners()
+    initListeners();
     apiRequest(
       `/comment/get-by-entity?entity_type=2&entity_id=${task.id}`
     ).then((res) => {
@@ -515,53 +515,51 @@ export const ModalTiсket = ({
     const path = event.path || (event.composedPath && event.composedPath());
 
     if (
-        event &&
-        !path.find(
-            (div) =>
-                div.classList &&
-                (div.classList.contains("button-add-worker") ||
-                    div.classList.contains("dropdownList"))
-        )
+      event &&
+      !path.find(
+        (div) =>
+          div.classList &&
+          (div.classList.contains("button-add-worker") ||
+            div.classList.contains("dropdownList"))
+      )
     ) {
       setDropListOpen(false);
-      setDropListMembersOpen(false)
+      setDropListMembersOpen(false);
     }
 
     if (
-        event &&
-        !path.find(
-            (div) =>
-                div.classList &&
-                (div.classList.contains("deadLine") ||
-                    div.classList.contains("react-datepicker-popper"))
-        )
+      event &&
+      !path.find(
+        (div) =>
+          div.classList &&
+          (div.classList.contains("deadLine") ||
+            div.classList.contains("react-datepicker-popper"))
+      )
     ) {
-      setDatePickerOpen(false)
+      setDatePickerOpen(false);
     }
 
     if (
-        event &&
-        !path.find(
-            (div) =>
-                div.classList &&
-                (div.classList.contains("tags") ||
-                    div.classList.contains("tags__dropDown"))
-        )
+      event &&
+      !path.find(
+        (div) =>
+          div.classList &&
+          (div.classList.contains("tags") ||
+            div.classList.contains("tags__dropDown"))
+      )
     ) {
-      setSelectTagsOpen(false)
+      setSelectTagsOpen(false);
     }
-  }
+  };
 
   return (
     <div
       className={active ? "modal-tiket active" : "modal-tiket"}
       onClick={(e) => {
-        if(e.target.className.includes('modal-tiket')) setActive(false)
+        if (e.target.className.includes("modal-tiket")) setActive(false);
       }}
     >
-      <div
-        className="modal-tiket__content"
-      >
+      <div className="modal-tiket__content">
         <div className="content">
           <h3 className="title-project">
             <img src={category} className="title-project__category"></img>
@@ -697,7 +695,11 @@ export const ModalTiсket = ({
                   }));
                 }}
               />
-              <img className={commentSendDisable ? 'disable' : ''} src={send} onClick={createComment}></img>
+              <img
+                className={commentSendDisable ? "disable" : ""}
+                src={send}
+                onClick={createComment}
+              ></img>
             </div>
             <div className="comments__list">
               {comments.map((comment) => {
diff --git a/src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx b/src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx
index 04aed23c..f3a90041 100644
--- a/src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx
+++ b/src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx
@@ -93,10 +93,10 @@ export const TicketFullScreen = () => {
   const [selectTagsOpen, setSelectTagsOpen] = useState(false);
   const [correctProjectTags, setCorrectProjectTags] = useState([]);
   const { showNotification } = useNotification();
-  const [commentSendDisable, setCommentSendDisable] = useState(false)
+  const [commentSendDisable, setCommentSendDisable] = useState(false);
 
   useEffect(() => {
-    initListeners()
+    initListeners();
     apiRequest(`/task/get-task?task_id=${ticketId.id}&expand=mark`).then(
       (taskInfo) => {
         setTaskInfo(taskInfo);
@@ -219,8 +219,8 @@ export const TicketFullScreen = () => {
   }
 
   function createComment() {
-    if (!inputsValue.comment) return
-    setCommentSendDisable(true)
+    if (!inputsValue.comment) return;
+    setCommentSendDisable(true);
     apiRequest("/comment/create", {
       method: "POST",
       data: {
@@ -230,7 +230,7 @@ export const TicketFullScreen = () => {
       },
     }).then((res) => {
       let newComment = res;
-      setCommentSendDisable(false)
+      setCommentSendDisable(false);
       newComment.created_at = new Date();
       newComment.subComments = [];
       setInputsValue((prevValue) => ({ ...prevValue, comment: "" }));
@@ -538,54 +538,54 @@ export const TicketFullScreen = () => {
     const path = event.path || (event.composedPath && event.composedPath());
 
     if (
-        event &&
-        !path.find(
-            (div) =>
-                div.classList &&
-                (div.classList.contains("button-add-worker") ||
-                    div.classList.contains("dropdownList"))
-        )
+      event &&
+      !path.find(
+        (div) =>
+          div.classList &&
+          (div.classList.contains("button-add-worker") ||
+            div.classList.contains("dropdownList"))
+      )
     ) {
       setDropListOpen(false);
-      setDropListMembersOpen(false)
+      setDropListMembersOpen(false);
     }
 
     if (
-        event &&
-        !path.find(
-            (div) =>
-                div.classList &&
-                (div.classList.contains("deadLine") ||
-                    div.classList.contains("react-datepicker-popper"))
-        )
+      event &&
+      !path.find(
+        (div) =>
+          div.classList &&
+          (div.classList.contains("deadLine") ||
+            div.classList.contains("react-datepicker-popper"))
+      )
     ) {
-      setDatePickerOpen(false)
+      setDatePickerOpen(false);
     }
 
     if (
-        event &&
-        !path.find(
-            (div) =>
-                div.classList &&
-                (div.classList.contains("tags") ||
-                    div.classList.contains("tags__dropDown"))
-        )
+      event &&
+      !path.find(
+        (div) =>
+          div.classList &&
+          (div.classList.contains("tags") ||
+            div.classList.contains("tags__dropDown"))
+      )
     ) {
-      setSelectTagsOpen(false)
+      setSelectTagsOpen(false);
     }
 
     if (
-        event &&
-        !path.find(
-            (div) =>
-                div.classList &&
-                (div.classList.contains("addPerson") ||
-                    div.classList.contains("persons__list"))
-        )
+      event &&
+      !path.find(
+        (div) =>
+          div.classList &&
+          (div.classList.contains("addPerson") ||
+            div.classList.contains("persons__list"))
+      )
     ) {
-      setPersonListOpen(false)
+      setPersonListOpen(false);
     }
-  }
+  };
 
   return (
     <section className="ticket-full-screen">
@@ -882,7 +882,12 @@ export const TicketFullScreen = () => {
                         }));
                       }}
                     />
-                    <img className={commentSendDisable ? 'disable' : ''} src={send} onClick={createComment} alt="send"></img>
+                    <img
+                      className={commentSendDisable ? "disable" : ""}
+                      src={send}
+                      onClick={createComment}
+                      alt="send"
+                    ></img>
                   </div>
                   <div className="comments__list">
                     {comments.map((comment) => {
diff --git a/src/pages/ProjectTracker/ProjectTracker.js b/src/pages/ProjectTracker/ProjectTracker.js
index 1afa5725..20b13c89 100644
--- a/src/pages/ProjectTracker/ProjectTracker.js
+++ b/src/pages/ProjectTracker/ProjectTracker.js
@@ -90,7 +90,7 @@ export const ProjectTracker = () => {
   useEffect(() => {
     dispatch(activeLoader());
     dispatch(setProjectBoardFetch(projectId.id));
-    initListeners()
+    initListeners();
   }, []);
 
   useEffect(() => {
@@ -362,37 +362,37 @@ export const ProjectTracker = () => {
     const path = event.path || (event.composedPath && event.composedPath());
 
     if (
-        event &&
-        !path.find(
-            (div) =>
-                div.classList &&
-                (div.classList.contains("addPerson") ||
-                    div.classList.contains("persons__list"))
-        )
+      event &&
+      !path.find(
+        (div) =>
+          div.classList &&
+          (div.classList.contains("addPerson") ||
+            div.classList.contains("persons__list"))
+      )
     ) {
       setPersonListOpen(false);
     }
 
     if (
-        event &&
-        !path.find(
-            (div) =>
-                div.classList &&
-                (div.classList.contains("tasks__head__executor") ||
-                    div.classList.contains("tasks__head__executorDropdown"))
-        )
+      event &&
+      !path.find(
+        (div) =>
+          div.classList &&
+          (div.classList.contains("tasks__head__executor") ||
+            div.classList.contains("tasks__head__executorDropdown"))
+      )
     ) {
       setSelectedExecutorOpen(false);
     }
 
     if (
-        event &&
-        !path.find(
-            (div) =>
-                div.classList &&
-                (div.classList.contains("tasks__head__tags") ||
-                    div.classList.contains("tags__list"))
-        )
+      event &&
+      !path.find(
+        (div) =>
+          div.classList &&
+          (div.classList.contains("tasks__head__tags") ||
+            div.classList.contains("tags__list"))
+      )
     ) {
       setTags({
         open: false,
@@ -402,21 +402,21 @@ export const ProjectTracker = () => {
     }
 
     if (
-        event &&
-        !path.find(
-            (div) =>
-                div.classList &&
-                (div.classList.contains("board__head__more") ||
-                    div.classList.contains("column__select"))
-        )
+      event &&
+      !path.find(
+        (div) =>
+          div.classList &&
+          (div.classList.contains("board__head__more") ||
+            div.classList.contains("column__select"))
+      )
     ) {
       setOpenColumnSelect((prevState) => {
-        const newState = {}
+        const newState = {};
         for (const key in prevState) {
           newState[key] = false;
         }
         return newState;
-      })
+      });
     }
   };