2022-08-02 13:56:12 +00:00
|
|
|
import { TDFile, Tldraw } from '@tldraw/tldraw'
|
2021-11-05 14:13:14 +00:00
|
|
|
import * as React from 'react'
|
|
|
|
|
2022-05-14 13:15:55 +00:00
|
|
|
export default function ReadOnly() {
|
2021-11-16 16:01:29 +00:00
|
|
|
const [file, setFile] = React.useState<TDFile>()
|
2021-11-11 11:37:57 +00:00
|
|
|
|
|
|
|
React.useEffect(() => {
|
|
|
|
async function loadFile(): Promise<void> {
|
|
|
|
const file = await fetch('Example.tldr').then((response) => response.json())
|
|
|
|
setFile(file)
|
|
|
|
}
|
|
|
|
|
|
|
|
loadFile()
|
|
|
|
}, [])
|
|
|
|
|
|
|
|
return (
|
|
|
|
<div className="tldraw">
|
2021-11-16 16:01:29 +00:00
|
|
|
<Tldraw readOnly document={file?.document} />
|
2021-11-11 11:37:57 +00:00
|
|
|
</div>
|
|
|
|
)
|
2021-11-05 14:13:14 +00:00
|
|
|
}
|