darabos commited on
Commit
e2e447f
·
1 Parent(s): 535b0d8

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}>