refactor subscribers for HotkeysManager

src/client/js/components/Hotkeys/HotkeysManager.jsx

@@ -4,16 +4,16 @@ import HotkeysDetector from './HotkeysDetector';
 import StaffCredit from '../StaffCredit/StaffCredit';
 import MirrorMode from '../MirrorMode/MirrorMode';
 import ShowHotkeys from '../PageHotkeys/ShowHotkeys';
-import PageCreate from '../PageHotkeys/PageCreate';
-import PageEdit from '../PageHotkeys/PageEdit';
+import CreatePage from './Subscribers/CreatePage';
+import EditPage from './Subscribers/EditPage';
 
 // define supported components list
 const SUPPORTED_COMPONENTS = [
   // StaffCredit,
   // MirrorMode,
   // ShowHotkeys,
-  PageCreate,
-  PageEdit,
+  CreatePage,
+  EditPage,
 ];
 
 const STROKE_TO_COMPONENT_MAP = {};

src/client/js/components/PageHotkeys/PageCreate.jsx → src/client/js/components/Hotkeys/Subscribers/CreatePage.jsx

@@ -1,10 +1,10 @@
 import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 
-import NavigationContainer from '../../services/NavigationContainer';
-import { withUnstatedContainers } from '../UnstatedUtils';
+import NavigationContainer from '../../../services/NavigationContainer';
+import { withUnstatedContainers } from '../../UnstatedUtils';
 
-const PageCreate = (props) => {
+const CreatePage = (props) => {
 
   // setup effect
   useEffect(() => {
@@ -17,15 +17,15 @@ const PageCreate = (props) => {
   return <></>;
 };
 
-PageCreate.propTypes = {
+CreatePage.propTypes = {
   navigationContainer: PropTypes.instanceOf(NavigationContainer).isRequired,
   onDeleteRender: PropTypes.func.isRequired,
 };
 
-const PageCreateWrapper = withUnstatedContainers(PageCreate, [NavigationContainer]);
+const CreatePageWrapper = withUnstatedContainers(CreatePage, [NavigationContainer]);
 
-PageCreateWrapper.getHotkeyStrokes = () => {
+CreatePageWrapper.getHotkeyStrokes = () => {
   return [['c']];
 };
 
-export default PageCreateWrapper;
+export default CreatePageWrapper;

src/client/js/components/PageHotkeys/PageEdit.jsx → src/client/js/components/Hotkeys/Subscribers/EditPage.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 
-const PageEdit = (props) => {
+const EditPage = (props) => {
 
   // setup effect
   useEffect(() => {
@@ -19,12 +19,12 @@ const PageEdit = (props) => {
   return <></>;
 };
 
-PageEdit.propTypes = {
+EditPage.propTypes = {
   onDeleteRender: PropTypes.func.isRequired,
 };
 
-PageEdit.getHotkeyStrokes = () => {
+EditPage.getHotkeyStrokes = () => {
   return [['e']];
 };
 
-export default PageEdit;
+export default EditPage;