escape key closes image, video, or document preview

2023-03-14 14:23:16 -07:00
parent 5ae58fb2a6
commit 2fb6a9bb0a
9 changed files with 107 additions and 5 deletions
@@ -17,6 +17,22 @@ export default class DocPreview extends React.PureComponent {
    super(props);

    this.handleSendDoc = this.handleSendDoc.bind(this);
+    this.handleKeyDown = this.handleKeyDown.bind(this);
+  }
+
+  componentDidMount() {
+    document.addEventListener('keydown', this.handleKeyDown);
+  }
+
+  componentWillUnmount() {
+    document.removeEventListener('keydown', this.handleKeyDown);
+  }
+
+  handleKeyDown(e) {
+    e.preventDefault();
+    if (e.key === 'Escape') {
+      this.props.onClose();
+    }
  }

  handleSendDoc(caption) {