mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-29 14:25:38 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Switch the base framework from Create React App to Next.JS

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Renovate Bot 2021-12-25 15:44:24 +00:00 • committed by Tilman Vatteroth
parent a979b6ffdd
commit 77a60c6c48
361 changed files with 5130 additions and 9605 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/editor-page/editor-pane/editor-pane.tsx
View file

@ -6,14 +6,10 @@
import type { Editor, EditorChange } from 'codemirror'
import React, { useCallback, useState } from 'react'
import { Controlled as ControlledCodeMirror } from 'react-codemirror2'
import type { ScrollProps } from '../synced-scroll/scroll-props'
import { allHinters, findWordAtCursor } from './autocompletion'
import './editor-pane.scss'
import { StatusBar } from './status-bar/status-bar'
import { ToolBar } from './tool-bar/tool-bar'
import { useApplicationState } from '../../../hooks/common/use-application-state'
import './codemirror-imports'
import { setNoteContent } from '../../../redux/note-details/methods'
import { useNoteMarkdownContent } from '../../../hooks/common/use-note-markdown-content'
import { useCodeMirrorOptions } from './hooks/use-code-mirror-options'
@ -24,6 +20,8 @@ import { useApplyScrollState } from './hooks/use-apply-scroll-state'
import { MaxLengthWarning } from './max-length-warning/max-length-warning'
import { useCreateStatusBarInfo } from './hooks/use-create-status-bar-info'
import { useOnImageUploadFromRenderer } from './hooks/use-on-image-upload-from-renderer'
import { allHinters, findWordAtCursor } from './autocompletion'
import { ExtendedCodemirror } from './extended-codemirror/extended-codemirror'
const onChange = (editor: Editor) => {
const searchTerm = findWordAtCursor(editor)
@ -70,22 +68,25 @@ export const EditorPane: React.FC<ScrollProps> = ({ scrollState, onScroll, onMak
const codeMirrorOptions = useCodeMirrorOptions()
return (
<div className={'d-flex flex-column h-100 position-relative'} onMouseEnter={onMakeScrollSource}>
<div className={`d-flex flex-column h-100 position-relative`} onMouseEnter={onMakeScrollSource}>
<MaxLengthWarning />
<ToolBar editor={editor} />
<ControlledCodeMirror
className={`overflow-hidden w-100 flex-fill ${ligaturesEnabled ? '' : 'no-ligatures'}`}
<ExtendedCodemirror
className={`overflow-hidden w-100 flex-fill`}
value={markdownContent}
options={codeMirrorOptions}
onChange={onChange}
onPaste={onPaste}
onChange={onChange}
onDrop={onDrop}
onCursorActivity={updateStatusBarInfo}
editorDidMount={onEditorDidMount}
onBeforeChange={onBeforeChange}
onScroll={onEditorScroll}
ligatures={ligaturesEnabled}
/>
<StatusBar statusBarInfo={statusBarInfo} />
</div>
)
}
export default EditorPane