#148 fix text layer

ontola · Oct 11, 2023 · 96aa91d · 96aa91d
1 parent 97866de
commit 96aa91d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 32 deletions.
diff --git a/front/bun.lockb b/front/bun.lockb
diff --git a/front/package.json b/front/package.json
@@ -52,7 +52,7 @@
     "react-hotkeys": "^2.0.0-pre9",
     "react-intl": "^2.8.0",
     "react-leaflet": "^2.6.0",
-    "react-pdf": "^7.0.2",
+    "react-pdf": "^7.5.0",
     "react-router": "^5.0.0",
     "react-router-dom": "^5.0.0",
     "react-scripts": "^5.0.1",

diff --git a/front/src/Components/PDFViewer.tsx b/front/src/Components/PDFViewer.tsx
@@ -216,11 +216,12 @@ const PDFViewer = (props: PDFViewerProps & RouteComponentProps) => {
                 error={<PDFErrorComponent />}
                 pageIndex={pageNumber - 1}
                 width={drawer.width}
-                customTextRenderer={
-                  currentSearchTerm &&
-                  useHighlighter &&
-                  makeTextRenderer(currentSearchTerm)
-                }
+                renderTextLayer={false}
+                // customTextRenderer={
+                //   currentSearchTerm &&
+                //   useHighlighter &&
+                //   makeTextRenderer(currentSearchTerm)
+                // }
               />
             </Document>
           </div>
@@ -252,32 +253,6 @@ const PDFViewer = (props: PDFViewerProps & RouteComponentProps) => {
               <Button onClick={setFillWidth} title="Scherm vullen (F)">
                 <FontAwesomeIcon icon={faExpand} />
               </Button>
-              <Button
-                title={glossIsOpen ? "Sluit glossarium" : "Open glossarium"}
-                onClick={
-                  glossIsOpen
-                    ? () => setGlossIsOpen(false)
-                    : () => setGlossIsOpen(true)
-                }
-              >
-                <FontAwesomeIcon
-                  // If text is selected, bounce this bad boy
-                  className={
-                    selectedText.length > 1 && !glossIsOpen ? "bounce" : ""
-                  }
-                  icon={faBook}
-                />
-              </Button>
-              <Button
-                onClick={() => setHighlighter(!useHighlighter)}
-                title={
-                  useHighlighter
-                    ? "Resultaten niet onderstrepen"
-                    : "Resultaten onderstrepen"
-                }
-              >
-                <FontAwesomeIcon icon={faHighlighter} />
-              </Button>
             </div>
           </div>
         )}