25 lines
680 B
JavaScript
25 lines
680 B
JavaScript
|
import React, { createContext, useContext, useState } from 'react';
|
||
|
|
|
||
|
|
const DragContext = createContext()
|
||
|
|
|
||
|
|
export const useDragContext = () => useContext(DragContext)
|
||
|
|
|
||
|
|
// Provider component to wrap around parts of your app that need drag-and-drop functionality
|
||
|
|
export const DragProvider = ({ children }) => {
|
||
|
|
const [draggedElement, setDraggedElement] = useState(null)
|
||
|
|
|
||
|
|
const onDragStart = (element) => {
|
||
|
|
setDraggedElement(element)
|
||
|
|
}
|
||
|
|
|
||
|
|
const onDragEnd = () => {
|
||
|
|
setDraggedElement(null)
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<DragContext.Provider value={{ draggedElement, onDragStart, onDragEnd }}>
|
||
|
|
{children}
|
||
|
|
</DragContext.Provider>
|
||
|
|
)
|
||
|
|
}
|