jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): make dashboardeditModal closable with esc

Browse source
This commit is contained in:
sylenien 2022-05-20 13:40:48 +02:00 • committed by Delirium
parent 6a801a2026
commit d4fa960fdf
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/app/components/Dashboard/components/DashboardEditModal/DashboardEditModal.tsx
View file

@ -18,6 +18,14 @@ function DashboardEditModal(props: Props) {
dashboardStore.save(dashboard).then(closeHandler);
}
React.useEffect(() => {
const handleEsc = (e) => e.key === 'Escape' && closeHandler?.()
document.addEventListener("keydown", handleEsc, false);
return () => {
document.removeEventListener("keydown", handleEsc, false);
}
}, [])
const write = ({ target: { value, name } }) => dashboard.update({ [ name ]: value })
const writeOption = (e, { checked, name }) => {
dashboard.update({ [name]: checked });