From 23a1df7dfdfa4cd2b3692c5b8dee7ac25e7802c1 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Tue, 30 Oct 2018 01:05:08 +0530
Subject: [PATCH] add keyboard sh0rtcuts command

---
 src/commands.js        |  6 ++++++
 src/components/app.jsx | 15 +++++++++++----
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/commands.js b/src/commands.js
index e886f5f..c0f58ac 100644
--- a/src/commands.js
+++ b/src/commands.js
@@ -3,6 +3,7 @@ export const NEW_CREATION_EVENT = 'newCreationEvent';
 export const OPEN_SAVED_CREATIONS_EVENT = 'openSavedCreationsEvent';
 export const SAVE_EVENT = 'saveEvent';
 export const OPEN_SETTINGS_EVENT = 'openSettingsEvent';
+export const SHOW_KEYBOARD_SHORTCUTS_EVENT = 'showKeyboardShortcutsEvent';
 
 export const commands = [
 	{
@@ -24,5 +25,10 @@ export const commands = [
 		name: 'Open Settings',
 		event: OPEN_SETTINGS_EVENT,
 		keyboardShortcut: ''
+	},
+	{
+		name: 'Show Keyboard Shortcuts',
+		event: SHOW_KEYBOARD_SHORTCUTS_EVENT,
+		keyboardShortcut: ''
 	}
 ];
diff --git a/src/components/app.jsx b/src/components/app.jsx
index 42ab10c..183747b 100644
--- a/src/components/app.jsx
+++ b/src/components/app.jsx
@@ -60,7 +60,8 @@ import {
 	OPEN_SAVED_CREATIONS_EVENT,
 	SAVE_EVENT,
 	OPEN_SETTINGS_EVENT,
-	NEW_CREATION_EVENT
+	NEW_CREATION_EVENT,
+	SHOW_KEYBOARD_SHORTCUTS_EVENT
 } from '../commands';
 import { commandPaletteService } from '../commandPaletteService';
 
@@ -503,6 +504,9 @@ export default class App extends Component {
 	openSettings() {
 		this.setState({ isSettingsModalOpen: true });
 	}
+	openKeyboardShortcuts() {
+		this.setState({ isKeyboardShortcutsModalOpen: true });
+	}
 
 	componentDidMount() {
 		function setBodySize() {
@@ -584,6 +588,9 @@ export default class App extends Component {
 			},
 			[OPEN_SETTINGS_EVENT]: () => {
 				this.openSettings();
+			},
+			[SHOW_KEYBOARD_SHORTCUTS_EVENT]: () => {
+				this.openKeyboardShortcuts();
 			}
 		};
 		for (let eventName in commandPalleteHooks) {
@@ -1455,9 +1462,9 @@ export default class App extends Component {
 						)}
 						codepenBtnClickHandler={this.codepenBtnClickHandler.bind(this)}
 						saveHtmlBtnClickHandler={this.saveHtmlBtnClickHandler.bind(this)}
-						keyboardShortcutsBtnClickHandler={() =>
-							this.setState({ isKeyboardShortcutsModalOpen: true })
-						}
+						keyboardShortcutsBtnClickHandler={this.openKeyboardShortcuts.bind(
+							this
+						)}
 						screenshotBtnClickHandler={this.screenshotBtnClickHandler.bind(
 							this
 						)}