Web:Client:Add event keyup.
This commit is contained in:
parent
e3c7edb82f
commit
7a70842dae
@ -1,4 +1,4 @@
|
||||
import React from "react";
|
||||
import React, { useEffect } from "react";
|
||||
import ModalDialog from "@docspace/components/modal-dialog";
|
||||
import styled from "styled-components";
|
||||
import Button from "@docspace/components/button";
|
||||
@ -74,6 +74,14 @@ const ColorSchemeDialog = (props) => {
|
||||
currentColorButtons,
|
||||
} = props;
|
||||
|
||||
const onKeyPress = (e) =>
|
||||
(e.key === "Esc" || e.key === "Escape") && onClose();
|
||||
|
||||
useEffect(() => {
|
||||
window.addEventListener("keyup", onKeyPress);
|
||||
return () => window.removeEventListener("keyup", onKeyPress);
|
||||
});
|
||||
|
||||
return (
|
||||
<StyledComponent
|
||||
visible={visible}
|
||||
|
@ -1,4 +1,4 @@
|
||||
import React from "react";
|
||||
import React, { useEffect } from "react";
|
||||
import ModalDialog from "@docspace/components/modal-dialog";
|
||||
import Button from "@docspace/components/button";
|
||||
import styled from "styled-components";
|
||||
@ -13,6 +13,14 @@ const StyledModalDialogDelete = styled(ModalDialog)`
|
||||
const ModalDialogDelete = (props) => {
|
||||
const { visible, onClose, onClickDelete, t } = props;
|
||||
|
||||
const onKeyPress = (e) =>
|
||||
(e.key === "Esc" || e.key === "Escape") && onClose();
|
||||
|
||||
useEffect(() => {
|
||||
window.addEventListener("keyup", onKeyPress);
|
||||
return () => window.removeEventListener("keyup", onKeyPress);
|
||||
});
|
||||
|
||||
return (
|
||||
<StyledModalDialogDelete
|
||||
visible={visible}
|
||||
|
Loading…
Reference in New Issue
Block a user