IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Client:Add event keyup.

Browse Source
This commit is contained in:
Vlada Gazizova 2022-11-23 14:24:29 +03:00
parent e3c7edb82f
commit 7a70842dae
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/client/src/pages/PortalSettings/categories/common/sub-components/colorSchemeDialog.js
View File

@ -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}

10
packages/client/src/pages/PortalSettings/categories/common/sub-components/modalDialogDelete.js
View File

@ -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}