mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2024-10-21 22:52:10 -04:00
c949b6950e
* Move common components to the `common` directory * rename style directory * Move ForkAwesome to common * Move initializers and restructure application-loader.tsx
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import React from 'react'
|
|
import { useSelector } from 'react-redux'
|
|
import { useParams } from 'react-router'
|
|
import { ApplicationState } from '../../redux'
|
|
import { ShowIf } from '../common/show-if/show-if'
|
|
import { EditorWindow } from './editor-window/editor-window'
|
|
import { MarkdownPreview } from './markdown-preview/markdown-preview'
|
|
import { EditorMode } from './task-bar/editor-view-mode'
|
|
import { TaskBar } from './task-bar/task-bar'
|
|
|
|
interface RouteParameters {
|
|
id: string
|
|
}
|
|
|
|
const Editor: React.FC = () => {
|
|
const editorMode: EditorMode = useSelector((state: ApplicationState) => state.editorConfig.editorMode)
|
|
const { id } = useParams<RouteParameters>()
|
|
|
|
return (
|
|
<div className={'d-flex flex-column vh-100'}>
|
|
<TaskBar/>
|
|
<h1>{id}</h1>
|
|
<div className={'flex-fill flex-row d-flex'}>
|
|
<ShowIf condition={editorMode === EditorMode.EDITOR || editorMode === EditorMode.BOTH}>
|
|
<EditorWindow/>
|
|
</ShowIf>
|
|
<ShowIf condition={editorMode === EditorMode.PREVIEW || editorMode === EditorMode.BOTH}>
|
|
<MarkdownPreview/>
|
|
</ShowIf>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export { Editor }
|