From 4f13ac7bd8676cd5a39fb402555586f78fc59ba1 Mon Sep 17 00:00:00 2001
From: Dobromir Popov <dobromir.popov@gateway.one>
Date: Mon, 4 Mar 2024 12:20:49 +0200
Subject: [PATCH] try to use pdf viewer

---
 components/pdfViewer.jsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 components/pdfViewer.jsx

diff --git a/components/pdfViewer.jsx b/components/pdfViewer.jsx
new file mode 100644
index 0000000..8d2fcf2
--- /dev/null
+++ b/components/pdfViewer.jsx
@@ -0,0 +1,30 @@
+import React, { useState, useEffect } from 'react';
+import { pdfjs, Document, Page } from 'react-pdf';
+
+// Set workerSrc to load PDF.js worker (important for performance)
+//pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
+
+const PDFJsViewer = ({ fileUrl }) => {
+    const [numPages, setNumPages] = useState(null);
+
+    function onDocumentLoadSuccess({ numPages }) {
+        setNumPages(numPages);
+        console.log("PDF pages: " + numPages);
+    }
+
+    return (
+        <div>
+            <Document
+                file={fileUrl}
+                onLoadSuccess={onDocumentLoadSuccess}
+                options={{ workerSrc: "https://unpkg.com/pdfjs-dist@3.4.120/build/pdf.worker.min.js" }}
+            >
+                {Array.from(new Array(numPages), (el, index) => (
+                    <Page key={`page_${index + 1}`} pageNumber={index + 1} />
+                ))}
+            </Document>
+        </div>
+    );
+};
+
+export default PDFJsViewer;