feat: Added keyboard shortcut (Ctrl/Cmd+,) for opening preferences

packages/web/src/javascripts/Components/Preferences/PreferencesViewWrapper.tsx

@@ -1,12 +1,23 @@
-import { FunctionComponent } from 'react'
+import { FunctionComponent, useEffect } from 'react'
 import { observer } from 'mobx-react-lite'
 import PreferencesView from './PreferencesView'
 import { PreferencesViewWrapperProps } from './PreferencesViewWrapperProps'
+import { useCommandService } from '../CommandProvider'
+import { OPEN_PREFERENCES_COMMAND } from '@standardnotes/ui-services'
 
 const PreferencesViewWrapper: FunctionComponent<PreferencesViewWrapperProps> = ({
   viewControllerManager,
   application,
 }) => {
+  const commandService = useCommandService()
+
+  useEffect(() => {
+    return commandService.addCommandHandler({
+      command: OPEN_PREFERENCES_COMMAND,
+      onKeyDown: () => viewControllerManager.preferencesController.openPreferences(),
+    })
+  }, [commandService, viewControllerManager])
+
   if (!viewControllerManager.preferencesController?.isOpen) {
     return null
   }