Made draggable only by handle

This commit is contained in:
knownotunknown
2024-02-17 12:23:52 -06:00
parent ed8915bcd1
commit 89a8e42059
3 changed files with 10 additions and 6 deletions

View File

@@ -144,14 +144,13 @@ const List: React.FC<ListProps> = ({ draggableElements, itemHeight, listHeight,
<div
ref={draggableProvided.innerRef}
{...draggableProvided.draggableProps}
{...draggableProvided.dragHandleProps}
style={{
...draggableProvided.draggableProps.style,
// if last item, don't add margin
marginBottom: index === items.length - 1 ? '0px' : `${gap}px`,
marginBottom: `${gap}px`,
}}
>
{item.content}
{React.cloneElement(item.content, { dragHandleProps: draggableProvided.dragHandleProps })}
</div>
)}
</Draggable>