Feature Request: Add Keyboard Shortcuts

[martyanovandrey]

Description

Users often benefit from the added convenience and efficiency of keyboard shortcuts. By implementing shortcuts for common actions within our application, we can improve user experience and productivity.

Design

Proposed Shortcuts

• Ctrl + K:

  • Navigate to the search bar.
    

• Ctrl + →:

  • Move to the next page.
    

• Ctrl + ←:

  • Navigate to the previous page.
    

• Ctrl + F:

  • Expand all cut elements on the page to facilitate in-page search using the browser’s native search. Also initiates the browser search.

• Settings Menu:

  • Open the settings menu and activate the first item.
  • Press Esc to cancel.
    

• Language Selection Menu:

  • Open the language selection menu and activate the first item.
  • Press Esc to cancel.
    

• CTRL+ALT+F:

  • Switch to reading mode.
    

• Editing Mode:

  • Initiate edit mode.
    

• Article Feedback:

  • Helpful Article:
    

  • Unhelpful Article:
    

• Quick Focus Transfer:

  • Shift focus quickly to the current topic.
  • Quick focus transfer to the mini-topic.

Please feel free to provide any additional suggestions or modifications to the proposed shortcuts.

Recommended Library

For implementing keyboard shortcuts, it is recommended to use the react-hotkeys-hook library. This library is simple and easy to use, and it covers a wide range of use cases. For more information, please refer to the documentation.

Add a tooltip with hotkeys where there are none yet.