research/statebuddy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

also sort during resize

Browse source
This commit is contained in:
Joeri Exelmans 2025-10-05 00:06:56 +02:00
parent 328b641533
commit 145e61c607
1 changed files with 8 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/VisualEditor/VisualEditor.tsx
View file

@ -85,16 +85,6 @@ export function VisualEditor() {
const refSVG = useRef<SVGSVGElement>(null);
// useEffect(() => {
// console.log('selection:', selection);
// }, [selection]);
// useEffect(() => {
// console.log('state:', state);
// }, [state]);
// useEffect(() => {
// console.log('selectingState:', selectingState);
// }, [selectingState]);
useEffect(() => {
const recoveredState = JSON.parse(window.localStorage.getItem("state") || "null") || emptyState;
setState(recoveredState);
@ -211,6 +201,13 @@ export function VisualEditor() {
};
});
}
// sort: smaller rountangles are drawn on top
setState(state => ({
...state,
rountangles: state.rountangles.toSorted((a,b) => area(b) - area(a)),
}));
};
const onMouseUp = (e: MouseEvent) => {
@ -247,6 +244,7 @@ export function VisualEditor() {
}
return null; // no longer selecting
});
// sort: smaller rountangles are drawn on top
setState(state => ({
...state,