update: move hotkeys config to settings

Exabyte-io · Aug 22, 2023 · bbb4d17 · bbb4d17
1 parent d241c76
commit bbb4d17
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 10 deletions.
diff --git a/src/components/ThreeDEditor.jsx b/src/components/ThreeDEditor.jsx
@@ -154,17 +154,18 @@ export class ThreeDEditor extends React.Component {
         });
     };
 
+    // map of hotkeys to their handlers
     keyConfig = {
-        o: this.handleToggleOrbitControls, // O toggle orbit controls
-        i: this.handleToggleInteractive, // I toggle interactive
-        b: this.handleToggleBonds, // B toggle bonds
-        c: this.handleToggleConventionalCell, // C toggle conventional cell
-        l: this.handleToggleLabels, // L toggle labels
-        r: this.handleResetViewer, // R reset viewer
-        e: this.toggleThreejsEditorModal, // E toggle threejs editor modal
-        d: this.handleToggleDistanceShown, // D toggle distance measurement
-        a: this.handleToggleAnglesShown, // A toggle angles measurement
-        x: this.handleDeleteConnection, // X delete connection
+        [settings.hotKeysConfig.toggleOrbitControls]: this.handleToggleOrbitControls,
+        [settings.hotKeysConfig.toggleInteractive]: this.handleToggleInteractive,
+        [settings.hotKeysConfig.toggleBonds]: this.handleToggleBonds,
+        [settings.hotKeysConfig.toggleConventionalCell]: this.handleToggleConventionalCell,
+        [settings.hotKeysConfig.toggleLabels]: this.handleToggleLabels,
+        [settings.hotKeysConfig.resetViewer]: this.handleResetViewer,
+        [settings.hotKeysConfig.toggleThreejsEditorModal]: this.toggleThreejsEditorModal,
+        [settings.hotKeysConfig.toggleDistanceShown]: this.handleToggleDistanceShown,
+        [settings.hotKeysConfig.toggleAnglesShown]: this.handleToggleAnglesShown,
+        [settings.hotKeysConfig.deleteConnection]: this.handleDeleteConnection,
     };
 
     addHotKeyListener() {

diff --git a/src/settings.js b/src/settings.js
@@ -54,4 +54,17 @@ export default {
         bc2: [0x0000ff, 0x0000ff],
         bc3: [0xffff00, 0x0000ff],
     },
+
+    hotKeysConfig: {
+        toggleOrbitControls: "o",
+        toggleInteractive: "i",
+        toggleBonds: "b",
+        toggleConventionalCell: "c",
+        toggleLabels: "l",
+        resetViewer: "r",
+        toggleThreejsEditorModal: "e",
+        toggleDistanceShown: "d",
+        toggleAnglesShown: "a",
+        deleteConnection: "x",
+    },
 };