import React, { useEffect, useState } from "react"; import { useDispatch } from "react-redux"; import { filteredExecutorTasks } from "@redux/projectsTrackerSlice"; import { removeLast, urlForLocal } from "@utils/helper"; import arrowDown from "assets/icons/arrows/selectArrow.png"; import close from "assets/icons/close.png"; import avatarMok from "assets/images/avatarMok.png"; import "./trackerSelectExecutor.scss"; const TrackerSelectExecutor = ({ selectedExecutor, setSelectedExecutor, deleteSelectedExecutor, projectBoard }) => { const [selectExecutorOpen, setSelectedExecutorOpen] = useState(false); const dispatch = useDispatch(); 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("tasks__head__executor") || div.classList.contains("tasks__head__executor-dropdown")) ) ) { setSelectedExecutorOpen(false); } }; function executorFilter(user) { dispatch(filteredExecutorTasks(user.user_id)); setSelectedExecutor(user); } useEffect(() => { initListeners(); }, []); if (selectedExecutor) { return (
{removeLast(selectedExecutor.user.fio)}
Выберите исполнителя
{removeLast(user.user?.fio)}