implemented so that when you press "c" it will render the create page

src/client/js/components/PageHotkeys/PageCreate.jsx

@@ -10,7 +10,7 @@ import { withUnstatedContainers } from '../UnstatedUtils';
  * @extends {React.Component}
  */
 
-class PageCreate extends React.Component {
+export default class PageCreate extends React.Component {
 
   // when this is called it returns the hotkey stroke
   static getHotkeyStroke() {
@@ -18,11 +18,12 @@ class PageCreate extends React.Component {
   }
 
   static getComponent() {
-    return <PageCreate />;
+    const PageCreateWrapper = withUnstatedContainers(PageCreate, [NavigationContainer]);
+    return <PageCreateWrapper />;
   }
 
   componentDidMount() {
-    console.log(this.props);
+    this.props.navigationContainer.openPageCreateModal();
     return null;
   }
 
@@ -34,10 +35,8 @@ class PageCreate extends React.Component {
   }
 
 }
-const PageCreateWrapper = withUnstatedContainers(PageCreate, [NavigationContainer]);
+
 
 PageCreate.propTypes = {
   navigationContainer: PropTypes.instanceOf(NavigationContainer).isRequired,
 };
-
-export default PageCreateWrapper;

src/client/js/services/NavigationContainer.js

@@ -36,8 +36,6 @@ export default class NavigationContainer extends Container {
 
     this.openPageCreateModal = this.openPageCreateModal.bind(this);
     this.closePageCreateModal = this.closePageCreateModal.bind(this);
-
-    this.initHotkeys();
     this.initDeviceSize();
     this.initScrollEvent();
   }
@@ -49,24 +47,6 @@ export default class NavigationContainer extends Container {
     return 'NavigationContainer';
   }
 
-  initHotkeys() {
-    // window.addEventListener('keydown', (event) => {
-    //   const target = event.target;
-
-    //   // ignore when target dom is input
-    //   const inputPattern = /^input|textinput|textarea$/i;
-    //   if (inputPattern.test(target.tagName) || target.isContentEditable) {
-    //     return;
-    //   }
-
-    //   if (event.key === 'c') {
-    //     // don't fire when not needed
-    //     if (!event.ctrlKey && !event.metaKey && !event.altKey && !event.shiftKey) {
-    //       this.setState({ isPageCreateModalShown: true });
-    //     }
-    //   }
-    // });
-  }
 
   initDeviceSize() {
     const mdOrAvobeHandler = async(mql) => {