brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed prop error on draggable tabs

Browse source
This commit is contained in:
Carter 2025-03-24 16:59:54 -06:00
parent ac69c9b68f
commit 55462f5ca6
1 changed files with 7 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/common/DraggableTabs.tsx
View file

@ -73,17 +73,13 @@ export default function DraggableTabs(props: DraggableTabsProps) {
const enhancedChildren = React.Children.map(initialChildren, (child, originalIndex) => {
if (React.isValidElement(child)) {
const currentIndex = tabOrder.indexOf(originalIndex);
return (
<div
ref={(el) => (tabRefs.current[currentIndex] = el)} // Assign ref to each tab
draggable
onDragStart={(e) => handleDragStart(e, currentIndex)}
onDragOver={(e) => handleDragOver(e, currentIndex)}
onDrop={handleDrop} // Handle drop on individual tabs
>
{React.cloneElement(child)}
</div>
);
return React.cloneElement(child, {
...child.props,
draggable: true,
onDragStart: (e: React.DragEvent<HTMLDivElement>) => handleDragStart(e, currentIndex),
onDragOver: (e: React.DragEvent<HTMLDivElement>) => handleDragOver(e, currentIndex),
onDrop: handleDrop,
});
}
return child;
}) || [];