Ryan/docmost-ryan
1
0
Fork 0
mirror of https://github.com/Shadowfita/docmost.git synced 2025-11-24 05:31:19 +10:00
Code Issues Packages Projects Releases Wiki Activity

Fix drag index bug

Browse Source
This commit is contained in:
Philipinho
2023-10-18 11:39:16 +01:00
parent 2e9969d590
commit d5b9a9dc4a
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/features/page/tree/hooks/use-persistence.ts
View File

@ -11,9 +11,11 @@ import { treeDataAtom } from '@/features/page/tree/atoms/tree-data-atom';
import { createPage, deletePage, movePage, updatePage } from '@/features/page/services/page-service'; import { createPage, deletePage, movePage, updatePage } from '@/features/page/services/page-service';
import { v4 as uuidv4 } from 'uuid'; import { v4 as uuidv4 } from 'uuid';
import { IMovePage } from '@/features/page/types/page.types'; import { IMovePage } from '@/features/page/types/page.types';
import { useRouter } from 'next/navigation';
export function usePersistence<T>() { export function usePersistence<T>() {
const [data, setData] = useAtom<T[]>(treeDataAtom); const [data, setData] = useAtom<T[]>(treeDataAtom);
const router = useRouter();
const tree = useMemo( const tree = useMemo(
() => () =>
@ -28,9 +30,11 @@ export function usePersistence<T>() {
} }
setData(tree.data); setData(tree.data);
const newDragIndex = tree.find(args.dragIds[0])?.childIndex;
const currentTreeData = args.parentId ? tree.find(args.parentId).children : tree.data; const currentTreeData = args.parentId ? tree.find(args.parentId).children : tree.data;
const afterId = currentTreeData[args.index - 2]?.id || null; //TODO: fix after Id bug const afterId = currentTreeData[newDragIndex - 1]?.id || null;
const beforeId = !afterId && currentTreeData[args.index + 1]?.id || null; const beforeId = !afterId && currentTreeData[newDragIndex + 1]?.id || null;
const params: IMovePage= { const params: IMovePage= {
id: args.dragIds[0], id: args.dragIds[0],
@ -74,6 +78,7 @@ export function usePersistence<T>() {
try { try {
await createPage(payload); await createPage(payload);
router.push(`/p/${payload.id}`);
} catch (error) { } catch (error) {
console.error('Error creating the page:', error); console.error('Error creating the page:', error);
} }