From 6b08ad597845b5e0196b437e40a1464d1f1f3732 Mon Sep 17 00:00:00 2001 From: Rishabh Date: Wed, 6 Jul 2022 15:05:31 +0200 Subject: [PATCH] Added keyboard shortcut to open search modal refs https://github.com/TryGhost/Team/issues/1665 - adds cmd/ctrl + K shortcut to open the search modal on page --- ghost/sodo-search/src/App.js | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/ghost/sodo-search/src/App.js b/ghost/sodo-search/src/App.js index 5ad4afde04..b94198472d 100644 --- a/ghost/sodo-search/src/App.js +++ b/ghost/sodo-search/src/App.js @@ -30,11 +30,13 @@ export default class App extends React.Component { componentWillUnmount() { /**Clear timeouts and event listeners on unmount */ window.removeEventListener('hashchange', this.hashHandler, false); + window.removeEventListener('keydown', this.handleKeyDown, false); } initSetup() { // Listen to preview mode changes this.handleSearchUrl(); + this.addKeyboardShortcuts(); this.hashHandler = () => { this.handleSearchUrl(); }; @@ -51,6 +53,17 @@ export default class App extends React.Component { } } + addKeyboardShortcuts() { + this.handleKeyDown = (e) => { + if (e.keyCode === 75 && e.metaKey) { + this.setState({ + showPopup: true + }); + } + }; + document.addEventListener('keydown', this.handleKeyDown); + } + render() { return (