SQuiz/frontPanel
3
0
Fork 0
Code Issues 18 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix: rendering error

Browse Source
This commit is contained in:
IlyaDoronin 2023-12-20 13:55:38 +03:00
parent 2e7c4d4de6
commit 7e6a5b774e
2 changed files with 23 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/pages/Questions/BranchingMap/CsComponent.tsx
View File

@ -96,26 +96,24 @@ function CsComponent({
const crossesContainer = useRef<HTMLDivElement | null>(null);
const gearsContainer = useRef<HTMLDivElement | null>(null);
// const { layoutOptions } = usePopper({
// layoutsContainer,
// plusesContainer,
// crossesContainer,
// gearsContainer,
// setModalQuestionParentContentId,
// setOpenedModalQuestions,
// setStartCreate,
// setStartRemove,
// });
const layoutOptions = {};
const removeNode = () => {};
// const { removeNode } = useRemoveNode({
// cyRef,
// layoutOptions,
// layoutsContainer,
// plusesContainer,
// crossesContainer,
// gearsContainer,
// });
const { layoutOptions } = usePopper({
layoutsContainer,
plusesContainer,
crossesContainer,
gearsContainer,
setModalQuestionParentContentId,
setOpenedModalQuestions,
setStartCreate,
setStartRemove,
});
const { removeNode } = useRemoveNode({
cyRef,
layoutOptions,
layoutsContainer,
plusesContainer,
crossesContainer,
gearsContainer,
});
useLayoutEffect(() => {
const cy = cyRef?.current;

10
src/pages/Questions/BranchingMap/hooks/usePopper.ts
View File

@ -221,7 +221,7 @@ export const usePopper = ({
gearElement.setAttribute("data-id", item.id());
gearElement.style.zIndex = "1";
gearsContainer.current?.appendChild(gearElement);
gearElement.addEventListener("mouseup", (e) => {
gearElement.addEventListener("mouseup", () => {
console.log("up");
updateOpenedModalSettingsId(item.id());
});
@ -393,7 +393,7 @@ export const usePopper = ({
const task = queue.pop();
task.task.data("layer", task.layer);
task.task.removeData("subtreeWidth");
const children = e
const children = node
.cy()
.edges(`[source="${task.task.id()}"]`)
.targets();
@ -404,14 +404,14 @@ export const usePopper = ({
);
}
}
queue.push({ parent: e, children: children });
queue.push({ parent: node, children: children });
while (queue.length) {
const task = queue.pop();
if (task.children.length === 0) {
task.parent.data("subtreeWidth", task.parent.height() + 50);
continue;
}
const unprocessed = task?.children.filter((e) => {
const unprocessed = task?.children.filter((node) => {
return node.data("subtreeWidth") === undefined;
});
if (unprocessed.length !== 0) {
@ -434,7 +434,7 @@ export const usePopper = ({
const pos = { x: 0, y: 0 };
node.data("oldPos", pos);
queue.push({ task: children, parent: e });
queue.push({ task: children, parent: node });
while (queue.length) {
const task = queue.pop();
const oldPos = task.parent.data("oldPos");