close modals when user hits Escape key (#1831)

wormhole-connect/src/components/Modal.tsx

@@ -1,5 +1,5 @@
 import { makeStyles } from 'tss-react/mui';
-import React, { useCallback } from 'react';
+import React, { useCallback, useEffect } from 'react';
 import { Dialog, ScopedCssBaseline } from '@mui/material';
 // import { useTheme } from '@mui/material/styles';
 // import useMediaQuery from '@mui/material/useMediaQuery';
@@ -63,6 +63,18 @@ function Modal({ open, width, closable, children, onClose }: Props) {
  event.stopPropagation();
  }, []);
 
+ useEffect(() => {
+ const callback = (e: any) => {
+ if (e.keyCode === 27 || e.which === 27) onClose();
+ };
+
+ document.addEventListener('keyup', callback);
+
+ return () => {
+ document.removeEventListener('keyup', callback);
+ };
+ }, []);
+
  return (
  <Dialog
  open={open}