refactor Hotkeys -> HotkeysManager

src/client/js/base.jsx

@@ -6,7 +6,7 @@ import Xss from '@commons/service/xss';
 import GrowiNavbar from './components/Navbar/GrowiNavbar';
 import GrowiNavbarBottom from './components/Navbar/GrowiNavbarBottom';
 import Sidebar from './components/Sidebar';
-import Hotkeys from './components/Hotkeys/Hotkeys';
+import HotkeysManager from './components/Hotkeys/HotkeysManager';
 import Fab from './components/Fab';
 
 import AppContainer from './services/AppContainer';
@@ -45,7 +45,7 @@ const componentMappings = {
 
   'grw-sidebar-wrapper': <Sidebar />,
 
-  'grw-hotkeys': <Hotkeys />,
+  'grw-hotkeys-manager': <HotkeysManager />,
 
   'grw-fab-container': <Fab />,
 };

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

@@ -23,7 +23,7 @@ SUPPORTED_COMPONENTS.forEach((comp) => {
   });
 });
 
-const Hotkeys = (props) => {
+const HotkeysManager = (props) => {
   const [view, setView] = useState([]);
 
   /**
@@ -58,4 +58,4 @@ const Hotkeys = (props) => {
 
 };
 
-export default Hotkeys;
+export default HotkeysManager;

src/server/views/layout/layout.html

@@ -97,8 +97,7 @@
 <div id="grw-fab-container"></div>
 {% endblock %}
 
-<!-- /#hotkeys -->
-<div id="hotkeys"></div>
+<div id="grw-hotkeys-manager"></div>
 
 {% include '../widget/system-version.html' %}