jketreno/peddlers-of-ketran
1
0
Fork 0
Code Issues 42 Activity

Move direct DOM outside of useEffect

Browse Source 
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-03-12 15:41:33 -08:00
parent dac755cad0
commit d7c3aa2668
1 changed files with 19 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
client/src/Board.js
View File

@ -528,11 +528,7 @@ const Board = () => {
borderOrder, borders, pipOrder, pips, tileOrder, tiles
]);
useEffect(() => {
if (!turn) {
return;
}
if (turn) {
let nodes = document.querySelectorAll('.Active');
for (let i = 0; i < nodes.length; i++) {
nodes[i].classList.remove('Active');
@ -550,13 +546,9 @@ const Board = () => {
nodes[i].classList.add('Active');
}
}
}, [ turn ]);
}
useEffect(() => {
if (!placements) {
return;
}
if (placements) {
/* Set color and type based on placement data from the server */
placements.corners.forEach((corner, index) => {
const el = document.querySelector(`.Corner[data-index="${index}"]`);
@ -637,25 +629,23 @@ const Board = () => {
});
}
}
}, [ placements, turn]);
useEffect(() => {
let nodes = document.querySelectorAll(`.Pip.Robber`);
for (let i = 0; i < nodes.length; i++) {
nodes[i].classList.remove('Robber');
[ 'Robert', 'Roberta', 'Velocirobber' ].forEach(robberName =>
nodes[i].classList.remove(robberName)
);
}
}
if (robber !== undefined) {
const el = document.querySelector(`.Pip[data-index="${robber}"]`);
if (el) {
el.classList.add('Robber');
el.classList.add(robberName);
}
}
}, [ robber, robberName ]);
let nodes = document.querySelectorAll(`.Pip.Robber`);
for (let i = 0; i < nodes.length; i++) {
nodes[i].classList.remove('Robber');
[ 'Robert', 'Roberta', 'Velocirobber' ].forEach(robberName =>
nodes[i].classList.remove(robberName)
);
}
if (robber !== undefined) {
const el = document.querySelector(`.Pip[data-index="${robber}"]`);
if (el) {
el.classList.add('Robber');
el.classList.add(robberName);
}
}
const canAction = (action) => {
return (turn && Array.isArray(turn.actions) && turn.actions.indexOf(action) !== -1);