apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #82 from apuc/tracker-connect-back

Browse Source 
tracker hover fix
This commit is contained in:
NikoM1k 2023-05-03 20:26:45 +03:00 committed by GitHub
commit f1d1fd7475
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/pages/ProjectTracker/ProjectTracker.js
View File

@ -30,12 +30,7 @@ export const ProjectTracker = () => {
const [openColumnSelect, setOpenColumnSelect] = useState({})
const [selectedTab, setSelectedTab] = useState(0);
const startWrapperIndexTest = useRef({})
const [wrapperHover, setWrapperHover] = useState([
false,
false,
false,
false,
]);
const [wrapperHover, setWrapperHover] = useState({});
const projectBoard = useSelector(getProjectBoard);
useEffect(() => {
dispatch(setProjectBoardFetch(projectId.id))
@ -45,6 +40,7 @@ export const ProjectTracker = () => {
if (Object.keys(projectBoard).length) {
projectBoard.columns.forEach(column => {
setOpenColumnSelect(prevState => ({...prevState, [column.id]: false}))
setWrapperHover(prevState => ({...prevState, [column.id]: false}))
})
}
}, [projectBoard])
@ -80,9 +76,8 @@ export const ProjectTracker = () => {
}
function dragEndHandler(e) {
setWrapperHover((prevArray) =>
prevArray.map((elem) => {
return false;
setWrapperHover(prevState => ({
[prevState]: false
})
);
e.target.classList.remove("tasks__board__item__hide");
@ -96,24 +91,19 @@ export const ProjectTracker = () => {
if (columnId === startWrapperIndexTest.current.index) {
return;
}
setWrapperHover((prevArray) =>
prevArray.map((elem, index) => {
if (index === columnId) {
return true;
} else {
return false;
}
})
);
setWrapperHover(prevState => ({
[prevState]: false, [columnId]: true
}))
}
function dragDropHandler(e, columnId) {
e.preventDefault();
if (startWrapperIndexTest.current.index === columnId) {
return;
}
setWrapperHover((prevArray) =>
prevArray.map((elem) => {
return false;
setWrapperHover(prevState => ({
[prevState]: false
})
);