Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change TileDragProvider cursor

Browse Source
This commit is contained in:
Mitchell McCaffrey 2021-06-05 13:04:56 +10:00
parent 5db2b30bc1
commit 34461a7899
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/contexts/TileDragContext.js
View File

@ -47,7 +47,7 @@ export function TileDragProvider({ onDragAdd, children }) {
const [dragId, setDragId] = useState();
const [overId, setOverId] = useState();
const [dragCursor, setDragCursor] = useState("grab");
const [dragCursor, setDragCursor] = useState("pointer");
function handleDragStart({ active, over }) {
setDragId(active.id);
@ -55,12 +55,16 @@ export function TileDragProvider({ onDragAdd, children }) {
if (!selectedGroupIds.includes(active.id)) {
onGroupSelect(active.id);
}
setDragCursor("grabbing");
}
function handleDragOver({ over }) {
setOverId(over?.id);
if (over) {
if (over.id.startsWith(UNGROUP_ID_PREFIX)) {
if (
over.id.startsWith(UNGROUP_ID_PREFIX) ||
over.id.startsWith(GROUP_ID_PREFIX)
) {
setDragCursor("alias");
} else if (over.id.startsWith(ADD_TO_MAP_ID_PREFIX)) {
setDragCursor(onDragAdd ? "copy" : "no-drop");
@ -73,7 +77,7 @@ export function TileDragProvider({ onDragAdd, children }) {
function handleDragEnd({ active, over }) {
setDragId();
setOverId();
setDragCursor("grab");
setDragCursor("pointer");
if (!active || !over || active.id === over.id) {
return;
}