Added a keyboard shortcut for adding files

Author: sdivyanshu90

client/components/Nav.jsx

@@ -197,6 +197,7 @@ class Nav extends React.PureComponent {
             onClick={() => this.props.newFile(this.props.rootFile.id)}
           >
             {this.props.t('Nav.Sketch.AddFile')}
+            <span className="nav__keyboard-shortcut">{'\u21E7'}+N</span>
           </NavMenuItem>
           <NavMenuItem
             onClick={() => this.props.newFolder(this.props.rootFile.id)}

client/components/__snapshots__/Nav.unit.test.jsx.snap

@@ -373,6 +373,11 @@ exports[`Nav renders editor version 1`] = `
             >
               <button>
                 Add File
+                <span
+                  class="nav__keyboard-shortcut"
+                >
+                  ⇧+N
+                </span>
               </button>
             </li>
             <li

client/modules/IDE/components/KeyboardShortcutModal.jsx

@@ -69,6 +69,10 @@ function KeyboardShortcutModal() {
           <span className="keyboard-shortcut__command">{metaKeyName} + K</span>
           <span>{t('KeyboardShortcuts.CodeEditing.ColorPicker')}</span>
         </li>
+        <li className="keyboard-shortcut-item">
+          <span className="keyboard-shortcut__command">{'\u21E7'} + N</span>
+          <span>{t('KeyboardShortcuts.CodeEditing.CreateNewFile')}</span>
+        </li>
       </ul>
       <h3 className="keyboard-shortcuts__title">General</h3>
       <ul className="keyboard-shortcuts__list">

client/modules/IDE/pages/IDEView.jsx

@@ -229,6 +229,14 @@ class IDEView extends React.Component {
         this.props.closeNewFileModal();
       }
     }
+    if (e.keyCode === 78 && e.shiftKey) {
+      e.preventDefault();
+      e.stopPropagation();
+      this.props.newFile(
+        this.props.files.filter((file) => file.name === 'root')[0].id
+      );
+      // 78 === n
+    }
   }
 
   handleUnsavedChanges = (nextLocation) =>

translations/locales/en-US/translations.json

@@ -192,7 +192,8 @@
       "FindNextTextMatch": "Find Next Text Match",
       "FindPreviousTextMatch": "Find Previous Text Match",
       "CodeEditing": "Code Editing",
-      "ColorPicker": "Show Inline Color Picker"
+      "ColorPicker": "Show Inline Color Picker",
+      "CreateNewFile": "Create New File"
     },
     "General": {
       "StartSketch": "Start Sketch",