Spaces:
Running
Running
Make the delete button delete selected elements.
Browse files
lynxkite-app/web/src/workspace/Workspace.tsx
CHANGED
@@ -346,6 +346,11 @@ function LynxKiteFlow() {
|
|
346 |
setMessage("Workspace execution failed.");
|
347 |
}
|
348 |
}
|
|
|
|
|
|
|
|
|
|
|
349 |
return (
|
350 |
<div className="workspace">
|
351 |
<div className="top-bar bg-neutral">
|
@@ -365,7 +370,7 @@ function LynxKiteFlow() {
|
|
365 |
<button className="btn btn-link">
|
366 |
<Atom />
|
367 |
</button>
|
368 |
-
<button className="btn btn-link">
|
369 |
<Backspace />
|
370 |
</button>
|
371 |
<button className="btn btn-link" onClick={executeWorkspace}>
|
|
|
346 |
setMessage("Workspace execution failed.");
|
347 |
}
|
348 |
}
|
349 |
+
function deleteSelection() {
|
350 |
+
const selectedNodes = nodes.filter((n) => n.selected);
|
351 |
+
const selectedEdges = edges.filter((e) => e.selected);
|
352 |
+
reactFlow.deleteElements({ nodes: selectedNodes, edges: selectedEdges });
|
353 |
+
}
|
354 |
return (
|
355 |
<div className="workspace">
|
356 |
<div className="top-bar bg-neutral">
|
|
|
370 |
<button className="btn btn-link">
|
371 |
<Atom />
|
372 |
</button>
|
373 |
+
<button className="btn btn-link" onClick={deleteSelection}>
|
374 |
<Backspace />
|
375 |
</button>
|
376 |
<button className="btn btn-link" onClick={executeWorkspace}>
|