UI/cubescene: init delete cube

This commit is contained in:
Johannes Kirschbauer
2025-07-10 16:45:42 +02:00
parent dcc54185f3
commit 0d5199604e

View File

@@ -96,6 +96,13 @@ export function CubeScene() {
setCubes((prev) => [...prev, cube]); setCubes((prev) => [...prev, cube]);
} }
function deleteSelectedCubes(ids: Set<string>) {
ids.forEach((id) => {
deleteCube(id);
});
setSelectedIds(new Set<string>()); // Clear selection after deletion
}
function deleteCube(id: string) { function deleteCube(id: string) {
// Remove cube mesh // Remove cube mesh
const mesh = meshMap.get(id); const mesh = meshMap.get(id);
@@ -450,6 +457,7 @@ export function CubeScene() {
<div> <div>
<div style={{ "margin-bottom": "10px" }}> <div style={{ "margin-bottom": "10px" }}>
<button onClick={addCube}>Add Cube</button> <button onClick={addCube}>Add Cube</button>
<button onClick={()=>deleteSelectedCubes(selectedIds())}>Delete Cube</button>
<span style={{ "margin-left": "10px" }}> <span style={{ "margin-left": "10px" }}>
Selected: {selectedIds().size} cubes Selected: {selectedIds().size} cubes
</span> </span>