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

23
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,6 +30,19 @@ export default function PDFViewer(props) {
options={options} options={options}
> >
{Array.from({ length: numPages }, (_, index) => ( {Array.from({ length: numPages }, (_, index) => (
<Fragment>
<div
style={{
position: "relative",
background: "green",
}}
>
<div
style={{
width: "100%",
background: "red",
}}
>
<Page <Page
className="mt-5" className="mt-5"
key={`page_${index + 1}`} key={`page_${index + 1}`}
@ -37,7 +51,12 @@ export default function PDFViewer(props) {
renderTextLayer={false} renderTextLayer={false}
onLoadSuccess={() => setLoading(false)} onLoadSuccess={() => setLoading(false)}
onRenderError={() => setLoading(false)} onRenderError={() => setLoading(false)}
/> >
<Field></Field>
</Page>
</div>
</div>
</Fragment>
))} ))}
</Document> </Document>
</div> </div>