Skip to content

Commit 60c66f4

Browse files
committed
496: Close dialog on escape keydown
1 parent 2a6ba68 commit 60c66f4

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed

src/client/src/pages/UserManagement/UserManagement.jsx

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,20 @@ export default function UserManagement(props) {
7575
setSelectedUser(null);
7676
}
7777

78+
React.useEffect(() => {
79+
const handleEscape = (event) => {
80+
if (event.keyCode === 27) {
81+
closeDialog();
82+
}
83+
}
84+
85+
document.addEventListener('keydown', handleEscape);
86+
87+
return () => {
88+
document.removeEventListener('keydown', handleEscape);
89+
};
90+
}, [closeDialog])
91+
7892
return (
7993
<Container>
8094
{

0 commit comments

Comments
 (0)