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

Feature/lazy load components (#590)

Browse source
This commit is contained in:
mrdrogdrog 2020-09-26 09:54:17 +02:00 • committed by GitHub
parent 9c38655a92
commit 101292da92
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
46 changed files with 261 additions and 248 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/markdown-renderer/utils/html-react-transformer.tsx
View file

@ -1,5 +1,5 @@
import { DomElement } from 'domhandler'
import React, { Fragment, ReactElement } from 'react'
import React, { ReactElement, Suspense } from 'react'
import { convertNodeToElement, Transform } from 'react-html-parser'
import {
ComponentReplacer,
@ -69,7 +69,9 @@ export const buildTransformer = (lineKeys: (LineKeys[] | undefined), allReplacer
} else if (tryReplacement === undefined) {
return nativeRenderer(node, key)
} else {
return <Fragment key={key}>{tryReplacement}</Fragment>
return <Suspense key={key} fallback={<span>Loading...</span>}>
{ tryReplacement }
</Suspense>
}
}
return transform