2024-09-15 19:22:32 +05:30
|
|
|
|
|
|
|
|
|
|
|
|
|
const DraggableWrapper = (props) => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handleDragStart = () => {
|
|
|
|
|
console.log("Drag start")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const handleDragOver = () => {
|
|
|
|
|
// console.log("Drag over")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const handleDragEnd = (e) => {
|
|
|
|
|
// console.log("Drag end: ", e, e.target.closest('div'))
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
2024-08-04 22:47:43 +05:30
|
|
|
return (
|
2024-09-15 19:22:32 +05:30
|
|
|
<div className={`${props.className}`} draggable
|
|
|
|
|
onDragStart={handleDragStart}
|
|
|
|
|
onDragOver={handleDragOver}
|
|
|
|
|
onDragEnd={handleDragEnd}
|
|
|
|
|
>
|
|
|
|
|
{props.children}
|
|
|
|
|
</div>
|
2024-08-04 22:47:43 +05:30
|
|
|
)
|
2024-09-15 19:22:32 +05:30
|
|
|
|
2024-08-04 22:47:43 +05:30
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2024-09-15 19:22:32 +05:30
|
|
|
export default DraggableWrapper
|