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

Use IframeEditorToRendererCommunicatorContextProvider in document read only mode

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2021-06-21 15:29:49 +02:00
parent 6cfcc37b1c
commit 543fc9f987
1 changed files with 28 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

53
src/components/document-read-only-page/document-read-only-page.tsx
View file

@ -22,6 +22,7 @@ import { ErrorWhileLoadingNoteAlert } from './ErrorWhileLoadingNoteAlert'
import { LoadingNoteAlert } from './LoadingNoteAlert' import { LoadingNoteAlert } from './LoadingNoteAlert'
import { RendererType } from '../render-page/rendering-message' import { RendererType } from '../render-page/rendering-message'
import { useApplicationState } from '../../hooks/common/use-application-state' import { useApplicationState } from '../../hooks/common/use-application-state'
import { IframeEditorToRendererCommunicatorContextProvider } from '../editor-page/render-context/iframe-editor-to-renderer-communicator-context-provider'
export const DocumentReadOnlyPage: React.FC = () => { export const DocumentReadOnlyPage: React.FC = () => {
useTranslation() useTranslation()
@ -37,32 +38,34 @@ export const DocumentReadOnlyPage: React.FC = () => {
const noteDetails = useApplicationState((state) => state.noteDetails) const noteDetails = useApplicationState((state) => state.noteDetails)
return ( return (
<div className={'d-flex flex-column mvh-100 bg-light'}> <IframeEditorToRendererCommunicatorContextProvider>
<MotdBanner /> <div className={'d-flex flex-column mvh-100 bg-light'}>
<AppBar mode={AppBarMode.BASIC} /> <MotdBanner />
<div className={'container'}> <AppBar mode={AppBarMode.BASIC} />
<ErrorWhileLoadingNoteAlert show={error} /> <div className={'container'}>
<LoadingNoteAlert show={loading} /> <ErrorWhileLoadingNoteAlert show={error} />
<LoadingNoteAlert show={loading} />
</div>
<ShowIf condition={!error && !loading}>
<DocumentInfobar
changedAuthor={noteDetails.lastChange.userName ?? ''}
changedTime={noteDetails.lastChange.timestamp}
createdAuthor={'Test'}
createdTime={noteDetails.createTime}
editable={true}
noteId={id}
viewCount={noteDetails.viewCount}
/>
<RenderIframe
frameClasses={'flex-fill h-100 w-100'}
markdownContent={markdownContent}
onFirstHeadingChange={onFirstHeadingChange}
onFrontmatterChange={onFrontmatterChange}
rendererType={RendererType.DOCUMENT}
/>
</ShowIf>
</div> </div>
<ShowIf condition={!error && !loading}> </IframeEditorToRendererCommunicatorContextProvider>
<DocumentInfobar
changedAuthor={noteDetails.lastChange.userName ?? ''}
changedTime={noteDetails.lastChange.timestamp}
createdAuthor={'Test'}
createdTime={noteDetails.createTime}
editable={true}
noteId={id}
viewCount={noteDetails.viewCount}
/>
<RenderIframe
frameClasses={'flex-fill h-100 w-100'}
markdownContent={markdownContent}
onFirstHeadingChange={onFirstHeadingChange}
onFrontmatterChange={onFrontmatterChange}
rendererType={RendererType.DOCUMENT}
/>
</ShowIf>
</div>
) )
} }