Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 08:13:56 +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 { Document, Page } from "react-pdf/dist/esm/entry.webpack5";
import Field from "./editor/field";
export default function PDFViewer(props) { export default function PDFViewer(props) {
const [file, setFile] = useState(""); const [file, setFile] = useState("");
@ -29,15 +30,33 @@ export default function PDFViewer(props) {
options={options} options={options}
> >
{Array.from({ length: numPages }, (_, index) => ( {Array.from({ length: numPages }, (_, index) => (
<Page <Fragment>
className="mt-5" <div
key={`page_${index + 1}`} style={{
pageNumber={index + 1} position: "relative",
renderAnnotationLayer={false} background: "green",
renderTextLayer={false} }}
onLoadSuccess={() => setLoading(false)} >
onRenderError={() => setLoading(false)} <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> </Document>
</div> </div>