js/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost synced 2025-03-28 21:13:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix wrong tree sync bug (#514)

Browse Source
This commit is contained in:
Philip Okugbe 2024-11-28 19:39:38 +00:00 committed by GitHub
parent f178e6654f
commit 311d81bc71
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/features/page/tree/components/space-tree.tsx
View File

@ -191,7 +191,7 @@ export default function SpaceTree({ spaceId, readOnly }: SpaceTreeProps) {
<div ref={mergedRef} className={classes.treeContainer}>
{rootElement.current && (
<Tree
data={data}
data={data.filter((node) => node?.spaceId === spaceId)}
disableDrag={readOnly}
disableDrop={readOnly}
disableEdit={readOnly}

40
apps/client/src/features/websocket/use-tree-socket.ts
View File

@ -46,30 +46,34 @@ export const useTreeSocket = () => {
break;
case 'moveTreeNode':
// move node
treeApi.move({
id: event.payload.id,
parentId: event.payload.parentId,
index: event.payload.index
});
if (treeApi.find(event.payload.id)) {
treeApi.move({
id: event.payload.id,
parentId: event.payload.parentId,
index: event.payload.index
});
// update node position
treeApi.update({
id: event.payload.id,
changes: {
position: event.payload.position,
}
});
// update node position
treeApi.update({
id: event.payload.id,
changes: {
position: event.payload.position,
}
});
setTreeData(treeApi.data);
setTreeData(treeApi.data);
}
break;
case "deleteTreeNode":
treeApi.drop({ id: event.payload.node.id });
setTreeData(treeApi.data);
if (treeApi.find(event.payload.node.id)){
treeApi.drop({ id: event.payload.node.id });
setTreeData(treeApi.data);
queryClient.invalidateQueries({
queryKey: ['pages', event.payload.node.slugId].filter(Boolean),
});
queryClient.invalidateQueries({
queryKey: ['pages', event.payload.node.slugId].filter(Boolean),
});
}
break;
}
});