chore: Refactoring all import directories to alias and all .js|.jsx renamed to be .ts|.tsx

src/components/Dashboard/GlobalHotkeys.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import { useHotkeys } from 'react-hotkeys-hook';
+import { useHistory } from 'react-router-dom';
+import { getDashboardRoutes } from '@/routes/dashboard';
+import withDashboardActions from '@/containers/Dashboard/withDashboardActions';
+import withDialogActions from '@/containers/Dialog/withDialogActions';
+
+import { compose } from '@/utils';
+
+function GlobalHotkeys({
+  // #withDashboardActions
+  toggleSidebarExpend,
+
+  // #withDialogActions
+  openDialog,
+}) {
+  const history = useHistory();
+  const routes = getDashboardRoutes();
+
+  const globalHotkeys = routes
+    .filter(({ hotkey }) => hotkey)
+    .map(({ hotkey }) => hotkey)
+    .toString();
+
+  const handleSidebarToggleBtn = () => {
+    toggleSidebarExpend();
+  };
+  useHotkeys(
+    globalHotkeys,
+    (event, handle) => {
+      routes.map(({ path, hotkey }) => {
+        if (handle.key === hotkey) {
+          history.push(path);
+        }
+      });
+    },
+    [history],
+  );
+  useHotkeys('ctrl+/', (event, handle) => handleSidebarToggleBtn());
+  useHotkeys('shift+d', (event, handle) => openDialog('money-in', {}));
+  useHotkeys('shift+q', (event, handle) => openDialog('money-out', {}));
+  return <div></div>;
+}
+
+export default compose(withDashboardActions, withDialogActions)(GlobalHotkeys);