reworking on drag context

src/components/draggable/draggableContext.js

@@ -0,0 +1,24 @@
+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>
+    )
+}