diplodoc-platform / diplodoc-platform/client
Feature Request: Add Keyboard Shortcuts
- Dominant language
- TypeScript
- Stars
- 3
- Forks
- 7
- Avg merge
- 21h 21m
- Merged PRs (30d)
- 17
Description
### 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](https://www.figma.com/design/WzFqWJr9kUq9MPwpLtEVwa/Diplodoc-(open-source)?node-id=5-32852&t=jcyUIhhYAQekZckz-1)
### 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](https://www.npmjs.com/package/react-hotkeys-hook). 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](https://react-hotkeys-hook.vercel.app/docs/intro).
Add a [tooltip](https://storybook.ui.yandex-team.ru/?path=/story/gravity-uikit_components-overlays-actiontooltip--default) with hotkeys where there are none yet.
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.