Added ctrl-shift-a

Author: sdivyanshu90

client/modules/IDE/components/Header/Nav.jsx

@@ -211,6 +211,9 @@ const ProjectMenu = () => {
       <NavDropdownMenu id="sketch" title={t('Nav.Sketch.Title')}>
         <NavMenuItem onClick={() => dispatch(newFile(rootFile.id))}>
           {t('Nav.Sketch.AddFile')}
+          <span className="nav__keyboard-shortcut">
+            {metaKey}+{'\u21E7'}+A
+          </span>
         </NavMenuItem>
         <NavMenuItem onClick={() => dispatch(newFolder(rootFile.id))}>
           {t('Nav.Sketch.AddFolder')}

client/modules/IDE/components/Header/__snapshots__/Nav.unit.test.jsx.snap

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

client/modules/IDE/components/IDEKeyHandlers.jsx

@@ -8,7 +8,8 @@ import {
   expandSidebar,
   showErrorModal,
   startSketch,
-  stopSketch
+  stopSketch,
+  newFile
 } from '../actions/ide';
 import { setAllAccessibleOutput } from '../actions/preferences';
 import { cloneProject, saveProject } from '../actions/project';
@@ -66,6 +67,7 @@ export const useIDEKeyHandlers = ({ getContent }) => {
       dispatch(setAllAccessibleOutput(false));
     },
     'ctrl-b': (e) => {
+      console.log('Ctrl-B Pressed');
       e.preventDefault();
       dispatch(
         // TODO: create actions 'toggleConsole', 'toggleSidebar', etc.
@@ -75,6 +77,11 @@ export const useIDEKeyHandlers = ({ getContent }) => {
     'ctrl-`': (e) => {
       e.preventDefault();
       dispatch(consoleIsExpanded ? collapseConsole() : expandConsole());
+    },
+    'ctrl-shift-a': (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      dispatch(newFile());
     }
   });
 };

client/modules/IDE/components/KeyboardShortcutModal.jsx

@@ -69,6 +69,12 @@ 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">
+            {metaKeyName} + {`\u21E7`} + A
+          </span>
+          <span>{t('KeyboardShortcuts.CodeEditing.CreateNewFile')}</span>
+        </li>
       </ul>
       <h3 className="keyboard-shortcuts__title">General</h3>
       <ul className="keyboard-shortcuts__list">

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",