reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-27 00:19:55 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix handling drag

Browse Source
This commit is contained in:
Nathan Bierema 2023-08-07 23:32:31 -04:00
parent eb4f461522
commit dadad2d95b
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/redux-devtools-inspector-monitor/src/ActionList.tsx
View File

@ -115,10 +115,20 @@ export default function ActionList<A extends Action<unknown>>({
const handleDragEnd = useCallback( const handleDragEnd = useCallback(
({ active, over }: DragEndEvent) => { ({ active, over }: DragEndEvent) => {
if (over && active.id !== over.id) { if (over && active.id !== over.id) {
onReorderAction(active.id as number, over.id as number); const activeIndex = actionIds.indexOf(active.id as number);
const overIndex = actionIds.indexOf(over.id as number);
const beforeActionId =
overIndex < activeIndex
? (over.id as number)
: overIndex < actionIds.length - 1
? actionIds[overIndex + 1]
: actionIds.length;
onReorderAction(active.id as number, beforeActionId);
} }
}, },
[onReorderAction], [actionIds, onReorderAction],
); );
const lowerSearchValue = searchValue && searchValue.toLowerCase(); const lowerSearchValue = searchValue && searchValue.toLowerCase();