diff --git a/frontend/src/Editor/Inspector/Inspector.jsx b/frontend/src/Editor/Inspector/Inspector.jsx index b96c93d7f1..c6f691f619 100644 --- a/frontend/src/Editor/Inspector/Inspector.jsx +++ b/frontend/src/Editor/Inspector/Inspector.jsx @@ -382,15 +382,31 @@ export const Inspector = ({ // eslint-disable-next-line react-hooks/exhaustive-deps }, [JSON.stringify({ showHeaderActionsMenu })]); + const handleDeleteConfirm = React.useCallback(() => { + switchSidebarTab(2); + removeComponent(component); + setWidgetDeleteConfirmation(false); + }, [switchSidebarTab, removeComponent, component, setWidgetDeleteConfirmation]); + + React.useEffect(()=>{ + const handleKeyPress = (event) => { + if (showWidgetDeleteConfirmation && event.key === 'Enter') { + handleDeleteConfirm(); + } + }; + + document.addEventListener('keydown', handleKeyPress); + return () => { + document.removeEventListener('keydown', handleKeyPress); + }; + }, [showWidgetDeleteConfirmation, handleDeleteConfirm]); + return (
{ - switchSidebarTab(2); - removeComponent(component); - }} + message={'Widget will be deleted, do you want to continue?'} + onConfirm={handleDeleteConfirm} onCancel={() => setWidgetDeleteConfirmation(false)} darkMode={darkMode} />