github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-26 11:43:59 -05:00
Code Issues Projects Releases Packages Wiki Activity

Extract view mode shortcut code into hook (#688)

Browse source
This commit is contained in:
mrdrogdrog 2020-10-28 11:35:24 +01:00 committed by GitHub
parent c6d2aa76ca
commit 4603e3988a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/editor/editor.tsx
View file

@ -16,7 +16,7 @@ import { EditorPane } from './editor-pane/editor-pane'
import { editorTestContent } from './editorTestContent'
import { useFirstDraw } from './hooks/useFirstDraw'
import { DualScrollState, ScrollState } from './scroll/scroll-props'
import { shortcutHandler } from './shortcut/shortcut'
import { useViewModeShortcuts } from './hooks/useViewModeShortcuts'
import { Splitter } from './splitter/splitter'
import { YAMLMetaData } from './yaml-metadata/yaml-metadata'
@ -75,12 +75,7 @@ export const Editor: React.FC = () => {
}
}, [markdownContent, setMarkdownContent])
useEffect(() => {
document.addEventListener('keydown', shortcutHandler, false)
return () => {
document.removeEventListener('keydown', shortcutHandler, false)
}
}, [])
useViewModeShortcuts()
const isFirstDraw = useFirstDraw()

12
src/components/editor/shortcut/shortcut.ts → src/components/editor/hooks/useViewModeShortcuts.ts
View file

@ -1,7 +1,8 @@
import { useEffect } from 'react'
import { setEditorMode } from '../../../redux/editor/methods'
import { EditorMode } from '../app-bar/editor-view-mode'
export const shortcutHandler = (event: KeyboardEvent): void => {
const shortcutHandler = (event: KeyboardEvent): void => {
if (event.ctrlKey && event.altKey && event.key === 'b') {
setEditorMode(EditorMode.BOTH)
event.preventDefault()
@ -17,3 +18,12 @@ export const shortcutHandler = (event: KeyboardEvent): void => {
event.preventDefault()
}
}
export const useViewModeShortcuts = ():void => {
useEffect(() => {
document.addEventListener('keydown', shortcutHandler, false)
return () => {
document.removeEventListener('keydown', shortcutHandler, false)
}
}, [])
}