From 39d7d905fe7661e090e4d90fea16d45d35e594e7 Mon Sep 17 00:00:00 2001
From: Timur Ercan <timur.ercan31@gmail.com>
Date: Wed, 8 Feb 2023 14:20:55 +0100
Subject: [PATCH] rename pdf viewer

---
 .../{pdf-viewer.js => pdf-viewer.jsx}         | 39 ++++++++++++++-----
 1 file changed, 29 insertions(+), 10 deletions(-)
 rename apps/web/components/{pdf-viewer.js => pdf-viewer.jsx} (80%)

diff --git a/apps/web/components/pdf-viewer.js b/apps/web/components/pdf-viewer.jsx
similarity index 80%
rename from apps/web/components/pdf-viewer.js
rename to apps/web/components/pdf-viewer.jsx
index 8979b512c..adac19831 100644
--- a/apps/web/components/pdf-viewer.js
+++ b/apps/web/components/pdf-viewer.jsx
@@ -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>