From a2153d61ced3d1e364765f964e4546cf95eaeac2 Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Fri, 8 Nov 2024 12:07:26 +0800
Subject: [PATCH] feat: Support shortcut keys to delete nodes #3283 (#3284)

### What problem does this PR solve?
feat: Support shortcut keys to delete nodes #3283

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
---
 web/src/pages/flow/canvas/index.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/web/src/pages/flow/canvas/index.tsx b/web/src/pages/flow/canvas/index.tsx
index eb45b1c0d..2794ff526 100644
--- a/web/src/pages/flow/canvas/index.tsx
+++ b/web/src/pages/flow/canvas/index.tsx
@@ -11,7 +11,6 @@ import { Operator } from '../constant';
 import FlowDrawer from '../flow-drawer';
 import {
   useHandleDrop,
-  useHandleKeyUp,
   useSelectCanvasData,
   useShowDrawer,
   useValidateConnection,
@@ -87,7 +86,6 @@ function FlowCanvas({ chatDrawerVisible, hideChatDrawer }: IProps) {
 
   const { onDrop, onDragOver, setReactFlowInstance } = useHandleDrop();
 
-  const { handleKeyUp } = useHandleKeyUp();
   useWatchNodeFormDataChange();
 
   return (
@@ -127,7 +125,7 @@ function FlowCanvas({ chatDrawerVisible, hideChatDrawer }: IProps) {
         onNodeClick={onNodeClick}
         onPaneClick={onPaneClick}
         onInit={setReactFlowInstance}
-        onKeyUp={handleKeyUp}
+        // onKeyUp={handleKeyUp}
         onSelectionChange={onSelectionChange}
         nodeOrigin={[0.5, 0]}
         isValidConnection={isValidConnection}
@@ -142,6 +140,7 @@ function FlowCanvas({ chatDrawerVisible, hideChatDrawer }: IProps) {
             stroke: 'rgb(202 197 245)',
           },
         }}
+        deleteKeyCode={['Delete', 'Backspace']}
       >
         <Background />
         <Controls />