Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 00:03:33 +10:00
Code Issues Packages Projects Releases Wiki Activity

rename pdf viewer

Browse Source
This commit is contained in:
Timur Ercan
2023-02-08 14:20:55 +01:00
parent 3817dc5118
commit 39d7d905fe
1 changed files with 29 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
apps/web/components/pdf-viewer.js → apps/web/components/pdf-viewer.jsx
View File

@ -1,5 +1,6 @@
import { useState } from "react";
import { Fragment, useState } from "react";
import { Document, Page } from "react-pdf/dist/esm/entry.webpack5";
import Field from "./editor/field";
export default function PDFViewer(props) {
const [file, setFile] = useState("");
@ -29,15 +30,33 @@ export default function PDFViewer(props) {
options={options}
>
{Array.from({ length: numPages }, (_, index) => (
<Page
className="mt-5"
key={`page_${index + 1}`}
pageNumber={index + 1}
renderAnnotationLayer={false}
renderTextLayer={false}
onLoadSuccess={() => setLoading(false)}
onRenderError={() => setLoading(false)}
/>
<Fragment>
<div
style={{
position: "relative",
background: "green",
}}
>
<div
style={{
width: "100%",
background: "red",
}}
>
<Page
className="mt-5"
key={`page_${index + 1}`}
pageNumber={index + 1}
renderAnnotationLayer={false}
renderTextLayer={false}
onLoadSuccess={() => setLoading(false)}
onRenderError={() => setLoading(false)}
>
<Field></Field>
</Page>
</div>
</div>
</Fragment>
))}
</Document>
</div>