// import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
// import { CKEditor } from "@ckeditor/ckeditor5-react";
// import ru from "date-fns/locale/ru";
// import React, { useEffect, useState } from "react";
// import DatePicker, { registerLocale } from "react-datepicker";
// import { useDispatch, useSelector } from "react-redux";
// import { Link, useNavigate, useParams } from "react-router-dom";

// import { getProfileInfo } from "@redux/outstaffingSlice";
// import { getBoarderLoader, setToggleTab } from "@redux/projectsTrackerSlice";

// import { getCorrectDate } from "@utils/calendarHelper";
// import {
//   backendImg,
//   caseOfNum,
//   getCorrectRequestDate,
//   getToken,
//   removeLast,
//   urlForLocal
// } from "@utils/helper";

// import { apiRequest } from "@api/request";

// import { useNotification } from "@hooks/useNotification";

// import { Footer } from "@components/Common/Footer/Footer";
// import { Loader } from "@components/Common/Loader/Loader";
// import FileTracker from "@components/FileTracker/FileTracker";
// import AcceptModal from "@components/Modal/AcceptModal/AcceptModal";
// import { Navigation } from "@components/Navigation/Navigation";
// import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
// import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
// import TrackerTaskComment from "@components/TrackerTaskComment/TrackerTaskComment";

// import arrow from "assets/icons/arrows/arrowRight.png";
// import arrowStart from "assets/icons/arrows/arrowStart.png";
// import arrowDown from "assets/icons/arrows/selectArrow.png";
// import calendarIcon from "assets/icons/calendar.svg";
// import fileDelete from "assets/icons/closeProjectPersons.svg";
// import close from "assets/icons/crossWhite.svg";
// import del from "assets/icons/delete.svg";
// import edit from "assets/icons/edit.svg";
// import file from "assets/icons/fileModal.svg";
// import link from "assets/icons/link.svg";
// import send from "assets/icons/send.svg";
// import project from "assets/icons/trackerProject.svg";
// import tasks from "assets/icons/trackerTasks.svg";
// import watch from "assets/icons/watch.svg";
// import archive from "assets/images/archiveIcon.webp";
// import avatarMok from "assets/images/avatarMok.webp";

// import "./ticketFullScreen.scss";

// registerLocale("ru", ru);

// export const TicketFullScreen = () => {
//   const ticketId = useParams();
//   const dispatch = useDispatch();
//   const navigate = useNavigate();
//   const boardLoader = useSelector(getBoarderLoader);
//   const [projectInfo, setProjectInfo] = useState({});
//   const [taskInfo, setTaskInfo] = useState({});
//   const [editOpen, setEditOpen] = useState(false);
//   const [inputsValue, setInputsValue] = useState({});
//   const [loader, setLoader] = useState(true);
//   const [comments, setComments] = useState([]);
//   const [timerStart, setTimerStart] = useState(false);
//   const [timerInfo, setTimerInfo] = useState({});
//   const [currentTimerCount, setCurrentTimerCount] = useState({
//     hours: 0,
//     minute: 0,
//     seconds: 0
//   });
//   const profileInfo = useSelector(getProfileInfo);
//   const [timerId, setTimerId] = useState(null);
//   const [dropListOpen, setDropListOpen] = useState(false);
//   const [correctProjectUsers, setCorrectProjectUsers] = useState([]);
//   const [dropListMembersOpen, setDropListMembersOpen] = useState(false);
//   const [users, setUsers] = useState([]);
//   const [deadLine, setDeadLine] = useState("");
//   const [datePickerOpen, setDatePickerOpen] = useState(false);
//   const [startDate, setStartDate] = useState(null);
//   const [uploadedFile, setUploadedFile] = useState(null);
//   const [taskFiles, setTaskFiles] = useState([]);
//   const [taskPriority, setTaskPriority] = useState("");
//   const [acceptModalOpen, setAcceptModalOpen] = useState(false);
//   const [taskTags, setTaskTags] = useState([]);
//   const [selectTagsOpen, setSelectTagsOpen] = useState(false);
//   const [selectPriorityOpen, setSelectPriorityOpen] = useState(false);
//   const [correctProjectTags, setCorrectProjectTags] = useState([]);
//   const { showNotification } = useNotification();
//   const [commentSendDisable, setCommentSendDisable] = useState(false);

//   const priority = {
//     2: "Высокий",
//     1: "Средний",
//     0: "Низкий"
//   };

//   const priorityTypes = [
//     {
//       name: "Высокий",
//       key: 2
//     },
//     {
//       name: "Средний",
//       key: 1
//     },
//     {
//       name: "Низкий",
//       key: 0
//     }
//   ];

//   useEffect(() => {
//     initListeners();
//     apiRequest(`/task/get-task?task_id=${ticketId.id}&expand=mark`).then(
//       (taskInfo) => {
//         setTaskInfo(taskInfo);
//         setDeadLine(taskInfo.dead_line);
//         setTaskPriority(taskInfo.execution_priority);
//         setStartDate(
//           taskInfo.dead_line ? new Date(taskInfo.dead_line) : new Date()
//         );
//         setInputsValue({
//           title: taskInfo.title,
//           description: taskInfo.description,
//           comment: ""
//         });
//         setTaskTags(taskInfo.mark);
//         apiRequest(
//           `/comment/get-by-entity?entity_type=2&entity_id=${taskInfo.id}`
//         ).then((res) => {
//           const comments = res.reduce((acc, cur) => {
//             if (!cur.parent_id) {
//               acc.push({ ...cur, subComments: [] });
//             } else {
//               acc.forEach((item) => {
//                 if (item.id === cur.parent_id) item.subComments.push(cur);
//               });
//             }
//             return acc;
//           }, []);
//           setComments(comments);
//         });
//         apiRequest(
//           `/file/get-by-entity?entity_type=2&entity_id=${taskInfo.id}`
//         ).then((res) => {
//           if (Array.isArray(res)) {
//             setTaskFiles(res);
//           }
//         });
//         apiRequest(
//           `/timer/get-by-entity?entity_type=2&entity_id=${taskInfo.id}`
//         ).then((res) => {
//           let timerSeconds = 0;
//           res.length &&
//             res.forEach((time) => {
//               timerSeconds += time.deltaSeconds;
//               setCurrentTimerCount({
//                 hours: Math.floor(timerSeconds / 60 / 60),
//                 minute: Math.floor((timerSeconds / 60) % 60),
//                 seconds: timerSeconds % 60
//               });
//               updateTimerHours = Math.floor(timerSeconds / 60 / 60);
//               updateTimerMinute = Math.floor((timerSeconds / 60) % 60);
//               updateTimerSec = timerSeconds % 60;
//               if (!time.stopped_at) {
//                 setTimerStart(true);
//                 startTimer();
//                 setTimerInfo(time);
//               }
//             });
//         });
//         apiRequest(
//           `/project/get-project?project_id=${taskInfo.project_id}&expand=columns,mark`
//         ).then((res) => {
//           setProjectInfo(res);
//           setCorrectProjectUsers(res.projectUsers);
//         });
//         setLoader(boardLoader);
//       }
//     );
//   }, []);

//   useEffect(() => {
//     let tagIds = taskTags.map((tag) => tag.id);
//     if (projectInfo.mark) {
//       setCorrectProjectTags(
//         projectInfo.mark.reduce((acc, cur) => {
//           if (!tagIds.includes(cur.id)) acc.push(cur);
//           return acc;
//         }, [])
//       );
//     }
//   }, [taskTags, projectInfo]);

//   function deleteTask() {
//     apiRequest("/task/update-task", {
//       method: "PUT",
//       data: {
//         task_id: ticketId.id,
//         status: 0
//       }
//     }).then(() => {
//       navigate(`/tracker/project/${taskInfo.project_id}`);
//     });
//   }

//   function archiveTask() {
//     setAcceptModalOpen(true);
//   }

//   function editTask() {
//     if (!inputsValue.title || !inputsValue.description) {
//       return showNotification({
//         show: true,
//         text: "Заполните поля",
//         type: "error"
//       });
//     }
//     apiRequest("/task/update-task", {
//       method: "PUT",
//       data: {
//         task_id: taskInfo.id,
//         title: inputsValue.title,
//         description: inputsValue.description
//       }
//     }).then(() => {
//       showNotification({
//         show: true,
//         text: "Изменения сохранены",
//         type: "success"
//       });
//       setEditOpen(!editOpen);
//     });
//   }

//   function createComment() {
//     if (!inputsValue.comment) return;
//     setCommentSendDisable(true);
//     apiRequest("/comment/create", {
//       method: "POST",
//       data: {
//         text: inputsValue.comment,
//         entity_type: 2,
//         entity_id: taskInfo.id
//       }
//     }).then((res) => {
//       let newComment = res;
//       setCommentSendDisable(false);
//       newComment.created_at = new Date();
//       newComment.subComments = [];
//       setInputsValue((prevValue) => ({ ...prevValue, comment: "" }));
//       setComments((prevValue) => [...prevValue, newComment]);
//     });
//   }

//   function startTaskTimer() {
//     apiRequest("/timer/create", {
//       method: "POST",
//       data: {
//         entity_type: 2,
//         entity_id: taskInfo.id,
//         created_at: getCorrectRequestDate(new Date())
//       }
//     }).then((res) => {
//       setTimerStart(true);
//       setTimerInfo(res);
//       startTimer();
//     });
//   }

//   function stopTaskTimer() {
//     apiRequest("/timer/update", {
//       method: "PUT",
//       data: {
//         timer_id: timerInfo.id,
//         stopped_at: getCorrectRequestDate(new Date())
//       }
//     }).then(() => {
//       setTimerStart(false);
//       clearInterval(timerId);
//     });
//   }

//   function commentDelete(comment) {
//     setComments((prevValue) =>
//       prevValue.filter((item) => item.id !== comment.id)
//     );
//     if (comment.subComments.length) {
//       comment.subComments.forEach((subComment) => {
//         apiRequest("/comment/update", {
//           method: "PUT",
//           data: {
//             comment_id: subComment.id,
//             status: 0
//           }
//         }).then(() => {});
//       });
//     }
//   }

//   function addSubComment(commentId, subComment) {
//     const addSubComment = comments;
//     addSubComment.forEach((comment) => {
//       if (comment.id === commentId) {
//         comment.subComments.push(subComment);
//       }
//     });
//     setComments(addSubComment);
//   }

//   function subCommentDelete(subComment) {
//     const deleteSubComment = comments;
//     deleteSubComment.forEach((comment, index) => {
//       if (comment.id === subComment.parent_id) {
//         deleteSubComment[index].subComments = comment.subComments.filter(
//           (item) => item.id !== subComment.id
//         );
//       }
//     });
//     setComments([...deleteSubComment]);
//   }

//   const toggleTabs = (index) => {
//     dispatch(setToggleTab(index));
//   };

//   function copyTicketLink() {
//     navigator.clipboard.writeText(
//       `https://itguild.info/tracker/task/${taskInfo.id}`
//     );
//   }

//   function startTimer() {
//     setTimerId(
//       setInterval(() => {
//         run();
//       }, 1000)
//     );
//   }

//   useEffect(() => {
//     if (taskInfo.taskUsers && projectInfo.projectUsers) {
//       let ids = taskInfo.taskUsers.map((user) => user.user_id);
//       setUsers(
//         projectInfo.projectUsers.reduce((acc, cur) => {
//           if (!ids.includes(cur.user_id)) acc.push(cur);
//           return acc;
//         }, [])
//       );
//     }
//   }, [taskInfo.taskUsers, projectInfo]);

//   let updateTimerSec = currentTimerCount.seconds,
//     updateTimerMinute = currentTimerCount.minute,
//     updateTimerHours = currentTimerCount.hours;

//   function run() {
//     updateTimerSec++;
//     if (updateTimerSec > 60) {
//       updateTimerMinute++;
//       updateTimerSec = 0;
//     }
//     if (updateTimerMinute === 60) {
//       updateTimerMinute = 0;
//       updateTimerHours++;
//     }

//     return setCurrentTimerCount({
//       hours: updateTimerHours,
//       minute: updateTimerMinute,
//       seconds: updateTimerSec
//     });
//   }

//   function correctTimerTime(time) {
//     if (time < 10) return `0${time}`;
//     if (time > 10) return time;
//   }

//   function deleteTaskExecutor() {
//     apiRequest("/task/update-task", {
//       method: "PUT",
//       data: {
//         task_id: taskInfo.id,
//         executor_id: 0
//       }
//     }).then(() => {
//       setTaskInfo((prevState) => ({
//         ...prevState,
//         executor_id: null,
//         executor: null
//       }));
//     });
//   }

//   function taskExecutor(person) {
//     apiRequest("/task/update-task", {
//       method: "PUT",
//       data: {
//         task_id: taskInfo.id,
//         executor_id: person.user_id
//       }
//     }).then((res) => {
//       setDropListOpen(false);
//       setTaskInfo((prevState) => ({
//         ...prevState,
//         executor_id: res.executor_id,
//         executor: res.executor
//       }));
//     });
//   }

//   function deleteMember(person) {
//     apiRequest("/task/del-user", {
//       method: "DELETE",
//       data: {
//         task_id: taskInfo.id,
//         user_id: person.user_id
//       }
//     }).then(() => {
//       setTaskInfo((prevState) => ({
//         ...prevState,
//         taskUsers: taskInfo.taskUsers.filter(
//           (item) => item.user_id !== person.user_id
//         )
//       }));
//     });
//   }

//   function addMember(person) {
//     apiRequest("/task/add-user-to-task", {
//       method: "POST",
//       data: {
//         task_id: taskInfo.id,
//         user_id: person.user_id
//       }
//     }).then((res) => {
//       setDropListMembersOpen(false);
//       setTaskInfo((prevValue) => ({
//         ...prevValue,
//         taskUsers: [...prevValue.taskUsers, res]
//       }));
//     });
//   }

//   function selectDeadLine(date) {
//     apiRequest("/task/update-task", {
//       method: "PUT",
//       data: {
//         task_id: taskInfo.id,
//         dead_line: getCorrectRequestDate(date)
//       }
//     }).then(() => {});
//   }

//   async function handleUpload(event) {
//     const formData = new FormData();
//     formData.append("uploadFile", event.target.files[0]);
//     const res = await fetch("https://itguild.info/api/file/upload", {
//       method: "POST",
//       body: formData,
//       headers: { ...getToken() }
//     });

//     const data = await res.json();

//     setUploadedFile(data);
//   }

//   function attachFile() {
//     apiRequest("/file/attach", {
//       method: "POST",
//       data: {
//         file_id: uploadedFile[0].id,
//         entity_type: 2,
//         entity_id: taskInfo.id,
//         status: 1
//       }
//     }).then((res) => {
//       setTaskFiles((prevValue) => [...prevValue, res]);
//       setUploadedFile(null);
//     });
//   }

//   function deleteLoadedFile() {
//     setUploadedFile(null);
//   }

//   function updateTaskPriority(key) {
//     setSelectPriorityOpen(false);
//     apiRequest("/task/update-task", {
//       method: "PUT",
//       data: {
//         task_id: taskInfo.id,
//         execution_priority: key
//       }
//     }).then(() => {});
//   }

//   // function deleteFile(file) {
//   //   apiRequest("/file/detach", {
//   //     method: "DELETE",
//   //     data: {
//   //       file_id: file.id,
//   //       entity_type: 2,
//   //       entity_id: taskInfo.id,
//   //       status: 0,
//   //     },
//   //   }).then(() => {
//   //     setTaskFiles((prevValue) =>
//   //       prevValue.filter((item) => item.id !== file.id)
//   //     );
//   //   });
//   // }

//   function deleteFile(file) {
//     setTaskFiles((prevValue) =>
//       prevValue.filter((item) => item.id !== file.id)
//     );
//   }

//   function closeAcceptModal() {
//     setAcceptModalOpen(false);
//   }

//   function deleteTagFromTask(tagId) {
//     apiRequest("/mark/detach", {
//       method: "DELETE",
//       data: {
//         mark_id: tagId,
//         entity_type: 2,
//         entity_id: taskInfo.id
//       }
//     }).then(() => {
//       setTaskTags((prevValue) => prevValue.filter((tag) => tag.id !== tagId));
//     });
//   }

//   function addTagToTask(tagId) {
//     apiRequest("/mark/attach", {
//       method: "POST",
//       data: {
//         mark_id: tagId,
//         entity_type: 2,
//         entity_id: taskInfo.id
//       }
//     }).then((data) => {
//       setSelectTagsOpen(false);
//       setTaskTags((prevValue) => [...prevValue, data.mark]);
//     });
//   }

//   const initListeners = () => {
//     document.addEventListener("click", closeByClickingOut);
//   };

//   const closeByClickingOut = (event) => {
//     const path = event.path || (event.composedPath && event.composedPath());

//     if (
//       event &&
//       !path.find(
//         (div) =>
//           div.classList &&
//           (div.classList.contains("button-add-worker") ||
//             div.classList.contains("dropdown-list"))
//       )
//     ) {
//       setDropListOpen(false);
//       setDropListMembersOpen(false);
//     }

//     if (
//       event &&
//       !path.find(
//         (div) =>
//           div.classList &&
//           (div.classList.contains("dead-line") ||
//             div.classList.contains("react-datepicker-popper"))
//       )
//     ) {
//       setDatePickerOpen(false);
//     }

//     if (
//       event &&
//       !path.find(
//         (div) =>
//           div.classList &&
//           (div.classList.contains("tags") ||
//             div.classList.contains("tags__dropDown"))
//       )
//     ) {
//       setSelectTagsOpen(false);
//     }
//   };

//   return (
//     <section className="ticket-full-screen">
//       <ProfileHeader />
//       <Navigation />
//       <div className="container">
//         <div className="tracker__content">
//           <ProfileBreadcrumbs
//             links={[
//               { name: "Главная", link: "/profile" },
//               { name: "Трекер", link: "/profile/tracker" }
//             ]}
//           />
//           <h2 className="tracker__title">Управление проектами с трекером</h2>
//         </div>
//       </div>
//       <div className="tracker__tabs">
//         <div className="tracker__tabs__head">
//           <Link
//             to="/profile/tracker"
//             className="tab active-tab"
//             onClick={() => toggleTabs(1)}
//           >
//             <img src={project} alt="img" />
//             <p>Проекты </p>
//           </Link>
//           <Link
//             to="/profile/tracker"
//             className="tab"
//             onClick={() => toggleTabs(2)}
//           >
//             <img src={tasks} alt="img" />
//             <p>Все мои задачи</p>
//           </Link>
//         </div>
//         {loader ? (
//           <Loader />
//         ) : (
//           <>
//             <div className="tracker__tabs__content content-tabs">
//               <div className="tasks__head">
//                 <div className="tasks__head__wrapper tasks__head__wrapper__fullScreen">
//                   <h5>{projectInfo.name}</h5>
//                   <Link
//                     to={`/tracker/project/${taskInfo.project_id}`}
//                     className="link"
//                   >
//                     <div className="tasks__head__back">
//                       <p>К списку задач</p>
//                       <img src={arrow} alt="arrow" />
//                     </div>
//                   </Link>
//                 </div>
//               </div>
//             </div>
//             <div className="modal-ticket__content ticket">
//               <div className="content ticket-whith">
//                 <div className="content__task">
//                   {editOpen ? (
//                     <input
//                       maxLength="100"
//                       value={inputsValue.title}
//                       onChange={(e) => {
//                         setInputsValue((prevValue) => ({
//                           ...prevValue,
//                           title: e.target.value
//                         }));
//                       }}
//                     />
//                   ) : (
//                     <h5 className="full-name name-fullscreen">
//                       {inputsValue.title}
//                     </h5>
//                   )}
//                   <div className="content__description">
//                     {editOpen ? (
//                       <CKEditor
//                         editor={ClassicEditor}
//                         data={inputsValue.description}
//                         config={{
//                           removePlugins: [
//                             "CKFinderUploadAdapter",
//                             "CKFinder",
//                             "EasyImage",
//                             "Image",
//                             "ImageCaption",
//                             "ImageStyle",
//                             "ImageToolbar",
//                             "ImageUpload",
//                             "MediaEmbed",
//                             "BlockQuote"
//                           ]
//                         }}
//                         onChange={(event, editor) => {
//                           const data = editor.getData();
//                           setInputsValue((prevValue) => ({
//                             ...prevValue,
//                             description: data
//                           }));
//                         }}
//                       />
//                     ) : (
//                       <div className="ticket__description">
//                         <div
//                           className="full-description fullscreen-description"
//                           dangerouslySetInnerHTML={{
//                             __html: inputsValue.description
//                           }}
//                         />
//                       </div>
//                     )}
//                   </div>
//                   {Boolean(taskFiles.length) && (
//                     <div className="task__files files-fullscreen">
//                       {taskFiles.map((file) => {
//                         return (
//                           <FileTracker
//                             key={file.id}
//                             file={file}
//                             setDeletedTask={deleteFile}
//                             taskId={taskInfo.id}
//                           />
//                         );
//                       })}
//                     </div>
//                   )}
//                   {uploadedFile && (
//                     <div className="file-loaded">
//                       {uploadedFile.map((file) => {
//                         return (
//                           <div className="loaded-file" key={file.id}>
//                             <img
//                               src={backendImg(file.url)}
//                               alt="img"
//                               key={file.id}
//                             />
//                             <div
//                               className="delete-file"
//                               onClick={() => deleteLoadedFile(file)}
//                             >
//                               <img src={fileDelete} alt="delete" />
//                             </div>
//                           </div>
//                         );
//                       })}
//                       <button onClick={attachFile}>Загрузить</button>
//                     </div>
//                   )}
//                   <div className="content__communication">
//                     <div className="file">
//                       <div className="input__wrapper">
//                         <input
//                           name="file"
//                           id="input__file"
//                           type="file"
//                           accept="image/*,.png,.jpg,.svg,.jpeg"
//                           className="input__file"
//                           onChange={handleUpload}
//                         />
//                         <label
//                           htmlFor="input__file"
//                           className="button-add-file"
//                         >
//                           <img src={file}></img>
//                           Загрузить файл
//                         </label>
//                       </div>
//                       <span>{taskFiles.length ? taskFiles.length : 0}</span>
//                       {caseOfNum(taskFiles.length, "files")}
//                     </div>
//                   </div>
//                   <div className="content__input comment-fullscreen">
//                     <input
//                       placeholder="Оставить комментарий"
//                       value={inputsValue.comment}
//                       onChange={(e) => {
//                         setInputsValue((prevValue) => ({
//                           ...prevValue,
//                           comment: e.target.value
//                         }));
//                       }}
//                     />
//                     <img
//                       className={commentSendDisable ? "disable" : ""}
//                       src={send}
//                       onClick={createComment}
//                       alt="send"
//                     ></img>
//                   </div>
//                   <div className="comments__list">
//                     {comments.map((comment) => {
//                       return (
//                         <TrackerTaskComment
//                           key={comment.id}
//                           taskId={taskInfo.id}
//                           comment={comment}
//                           commentDelete={commentDelete}
//                           addSubComment={addSubComment}
//                           subCommentDelete={subCommentDelete}
//                         />
//                       );
//                     })}
//                   </div>
//                 </div>
//               </div>
//               <div className="workers fullscreen-workers">
//                 <div className="workers_box task__info">
//                   <div className="workers__creator">
//                     Создатель: <p>{removeLast(taskInfo.user?.fio)}</p>
//                   </div>

//                   {taskInfo.executor ? (
//                     <>
//                       <h5>Исполнитель: </h5>
//                       <div className="executor">
//                         <p>{removeLast(taskInfo.executor.fio)}</p>
//                         <img
//                           src={
//                             taskInfo.executor?.avatar
//                               ? urlForLocal(taskInfo.executor.avatar)
//                               : avatarMok
//                           }
//                           alt="avatar"
//                         />
//                         <img
//                           src={close}
//                           className="delete"
//                           onClick={() => deleteTaskExecutor()}
//                         />
//                       </div>
//                     </>
//                   ) : (
//                     <div className="add-worker more-items ">
//                       <button
//                         className="button-add-worker"
//                         onClick={() => setDropListOpen(true)}
//                       >
//                         +
//                       </button>
//                       <span>Добавить исполнителя</span>
//                       {dropListOpen && (
//                         <div className="dropdown-list">
//                           <img
//                             src={close}
//                             className="dropdown-list__close"
//                             onClick={() => setDropListOpen(false)}
//                           />
//                           {correctProjectUsers.map((person) => {
//                             return (
//                               <div
//                                 className="dropdown-list__person"
//                                 key={person.user_id}
//                                 onClick={() => taskExecutor(person)}
//                               >
//                                 <span>{removeLast(person.user.fio)}</span>
//                                 <img
//                                   src={
//                                     person.user?.avatar
//                                       ? urlForLocal(person.user.avatar)
//                                       : avatarMok
//                                   }
//                                   alt="avatar"
//                                 />
//                               </div>
//                             );
//                           })}
//                         </div>
//                       )}
//                     </div>
//                   )}
//                   {Boolean(taskInfo.taskUsers.length) && (
//                     <div className="members">
//                       <p>Участники:</p>
//                       <div className="members__list">
//                         {taskInfo.taskUsers.map((member) => {
//                           return (
//                             <div className="worker" key={member.user_id}>
//                               <p>{removeLast(member.fio)}</p>
//                               <img
//                                 src={
//                                   member?.avatar
//                                     ? urlForLocal(member.avatar)
//                                     : avatarMok
//                                 }
//                                 alt="avatar"
//                               />
//                               <img
//                                 src={close}
//                                 className="delete"
//                                 onClick={() => deleteMember(member)}
//                               />
//                             </div>
//                           );
//                         })}
//                       </div>
//                     </div>
//                   )}
//                   <div className="add-worker more-items">
//                     <button
//                       className="button-add-worker"
//                       onClick={() => setDropListMembersOpen(true)}
//                     >
//                       +
//                     </button>
//                     <span>Добавить участника</span>
//                     {dropListMembersOpen && (
//                       <div className="dropdown-list">
//                         <img
//                           src={close}
//                           className="dropdown-list__close"
//                           onClick={() => setDropListMembersOpen(false)}
//                         />
//                         {users.length ? (
//                           users.map((person) => {
//                             return (
//                               <div
//                                 className="dropdown-list__person"
//                                 key={person.user_id}
//                                 onClick={() => addMember(person)}
//                               >
//                                 <span>{removeLast(person.user.fio)}</span>
//                                 <img
//                                   src={
//                                     person.user?.avatar
//                                       ? urlForLocal(person.user.avatar)
//                                       : avatarMok
//                                   }
//                                   alt="avatar"
//                                 />
//                               </div>
//                             );
//                           })
//                         ) : (
//                           <p className="no-users">Нет пользователей</p>
//                         )}
//                       </div>
//                     )}
//                   </div>
//                 </div>

//                 <div className="workers_box-middle">
//                   <div className="dead-line">
//                     <div
//                       className="dead-line__container"
//                       onClick={() => setDatePickerOpen(!datePickerOpen)}
//                     >
//                       <p>⌛</p>
//                       <span>
//                         {deadLine
//                           ? getCorrectDate(deadLine)
//                           : "Срок исполнения:"}
//                       </span>
//                     </div>
//                     <DatePicker
//                       className="datePicker"
//                       open={datePickerOpen}
//                       locale="ru"
//                       selected={startDate}
//                       onChange={(date) => {
//                         setDatePickerOpen(false);
//                         setStartDate(date);
//                         setDeadLine(date);
//                         selectDeadLine(date);
//                       }}
//                     />
//                   </div>
//                   <div className="time">
//                     <p>⏱</p>
//                     <p>
//                       {correctTimerTime(currentTimerCount.hours)}:
//                       {correctTimerTime(currentTimerCount.minute)}:
//                       {correctTimerTime(currentTimerCount.seconds)}
//                     </p>
//                   </div>

//                   {timerStart ? (
//                     <button
//                       className={
//                         taskInfo.executor_id ===
//                         Number(localStorage.getItem("id"))
//                           ? "stop"
//                           : "stop disable"
//                       }
//                       onClick={() => stopTaskTimer()}
//                     >
//                       Остановить
//                     </button>
//                   ) : (
//                     <button
//                       className={
//                         taskInfo.executor_id ===
//                         Number(localStorage.getItem("id"))
//                           ? "start"
//                           : "start disable"
//                       }
//                       onClick={() => startTaskTimer()}
//                     >
//                       Начать делать
//                       <img src={arrowStart}></img>
//                     </button>
//                   )}
//                 </div>
//                 <div className="workers_box-tag">
//                   <div className="tags">
//                     <div className="tags__selected">
//                       {taskTags.map((tag) => {
//                         return (
//                           <div
//                             className="tags__selected__item"
//                             key={tag.id}
//                             style={{ background: tag.color }}
//                           >
//                             <p>{tag.slug}</p>
//                             <img
//                               src={close}
//                               className="delete"
//                               alt="delete"
//                               onClick={() => deleteTagFromTask(tag.id)}
//                             />
//                           </div>
//                         );
//                       })}
//                     </div>
//                     <div
//                       className="tags__select"
//                       onClick={() => setSelectTagsOpen(!selectTagsOpen)}
//                     >
//                       <span>Выберите тег</span>
//                       <img
//                         className={selectTagsOpen ? "open" : ""}
//                         src={arrowDown}
//                         alt="arrow"
//                       />
//                     </div>
//                     {selectTagsOpen && (
//                       <div className="tags__dropDown">
//                         <img
//                           onClick={() => setSelectTagsOpen(false)}
//                           className="tags__dropDown__close"
//                           src={close}
//                           alt="close"
//                         />
//                         {correctProjectTags.map((tag) => {
//                           return (
//                             <div
//                               className="tag-item"
//                               key={tag.id}
//                               onClick={() => addTagToTask(tag.id)}
//                             >
//                               <p>{tag.slug}</p>
//                               <span style={{ background: tag.color }} />
//                             </div>
//                           );
//                         })}
//                         {!Boolean(correctProjectTags.length) && (
//                           <p className="tags__dropDown__no-item">Нет тегов</p>
//                         )}
//                       </div>
//                     )}
//                   </div>
//                 </div>

//                 <div className="workers_box-priority">
//                   <div
//                     className="priority__name"
//                     onClick={() => setSelectPriorityOpen(!selectPriorityOpen)}
//                   >
//                     <span>
//                       {typeof taskPriority === "number"
//                         ? `Приоритет: ${priority[taskPriority]}`
//                         : "Выберите приоритет"}
//                     </span>
//                     <img
//                       className={selectPriorityOpen ? "open" : ""}
//                       src={arrowDown}
//                       alt="arrow"
//                     />
//                   </div>
//                   {selectPriorityOpen && (
//                     <div className="priority__dropDown">
//                       {priorityTypes.map((item) => {
//                         return (
//                           <div
//                             className="priority__dropDown__item"
//                             key={item.key}
//                             onClick={() => {
//                               setTaskPriority(item.key);
//                               updateTaskPriority(item.key);
//                             }}
//                           >
//                             {item.name}
//                           </div>
//                         );
//                       })}
//                     </div>
//                   )}
//                 </div>
//                 <div className="workers_box-bottom">
//                   <div
//                     className={editOpen ? "edit" : ""}
//                     onClick={() => {
//                       if (editOpen) {
//                         editTask();
//                       } else {
//                         setEditOpen(!editOpen);
//                       }
//                     }}
//                   >
//                     <img src={edit} alt="edit"></img>
//                     <p>{editOpen ? "сохранить" : "редактировать"}</p>
//                   </div>
//                   <div>
//                     <img src={link} alt="link"></img>
//                     <p onClick={copyTicketLink}>ссылка на задачу</p>
//                   </div>
//                   <div
//                     onClick={archiveTask}
//                     className={
//                       profileInfo.id_user === projectInfo.owner_id ||
//                       profileInfo.id_user === taskInfo.user_id
//                         ? ""
//                         : "disable"
//                     }
//                   >
//                     <img src={archive} alt="arch"></img>
//                     <p>в архив</p>
//                   </div>
//                   <div
//                     onClick={deleteTask}
//                     className={
//                       profileInfo.id_user === projectInfo.owner_id ||
//                       profileInfo.id_user === taskInfo.user_id
//                         ? ""
//                         : "disable"
//                     }
//                   >
//                     <img src={del} alt="delete"></img>
//                     <p>удалить</p>
//                   </div>
//                 </div>
//               </div>
//             </div>
//           </>
//         )}
//       </div>
//       {acceptModalOpen && (
//         <AcceptModal
//           title={"Вы действительно хотите переместить задачу в архив?"}
//           closeModal={closeAcceptModal}
//           agreeHandler={deleteTask}
//         />
//       )}
//       <Footer />
//     </section>
//   );
// };

// export default TicketFullScreen;