public/traque
1
0
Fork 0
mirror of https://git.rezel.net/LudoTech/traque.git synced 2026-02-09 10:20:16 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Cleaning

Browse Source
This commit is contained in:
Sebastien Riviere
2025-09-08 15:08:44 +02:00
parent 75f8b10ecd
commit 7e4d9f910a
37 changed files with 403 additions and 435 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
traque-front/hook/useCircleDraw.jsx
View File

@@ -2,42 +2,34 @@
import { useEffect, useState } from "react";
export default function useMapCircleDraw(circle, setCircle) {
const [drawing, setDrawing] = useState(false);
const [center, setCenter] = useState(circle?.center || null);
const [radius, setRadius] = useState(circle?.radius || null);
const [drawingCircle, setDrawingCircle] = useState(null);
useEffect(() => {
setDrawing(false);
setCenter(circle?.center || null);
setRadius(circle?.radius || null);
}, [circle])
setDrawingCircle(null);
}, [circle]);
function handleLeftClick(e) {
if (!drawing) {
setCenter(e.latlng);
setRadius(null);
setDrawing(true);
if (drawingCircle) {
setCircle(drawingCircle);
setDrawingCircle(null);
} else {
setDrawing(false);
setCircle({center, radius});
setDrawingCircle({center: e.latlng, radius: 0});
}
}
function handleRightClick(e) {
if (drawing) {
setDrawing(false);
setCenter(circle?.center || null);
setRadius(circle?.radius || null);
} else {
if (drawingCircle) {
setDrawingCircle(null);
} else if (e.latlng.distanceTo(circle.center) < circle.radius) {
setCircle(null);
}
}
function handleMouseMove(e) {
if (drawing) {
setRadius(e.latlng.distanceTo(center));
if (drawingCircle) {
setDrawingCircle({center: drawingCircle.center, radius: e.latlng.distanceTo(drawingCircle.center)});
}
}
return { center, radius, handleLeftClick, handleRightClick, handleMouseMove };
return { drawingCircle, handleLeftClick, handleRightClick, handleMouseMove };
}