From a21741fc1ec70657ea24c0a4e2084b04adc1841a Mon Sep 17 00:00:00 2001
From: Przemek <przemyslaw.wiktorskii@gmail.com>
Date: Thu, 11 Sep 2025 15:40:13 +0200
Subject: [PATCH] react pdf bump

---
 package.json                                       |  2 +-
 .../MarkdownRenderer/MarkdownRenderer.tsx          |  4 ++--
 src/components/players/PdfPlayer/PdfPlayer.tsx     | 14 ++++++++++----
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 13a8b7eb..23312766 100644
--- a/package.json
+++ b/package.json
@@ -79,7 +79,7 @@
     "react-grid-system": "^8.1.9",
     "react-i18next": "^12.2.0",
     "react-markdown": "^8.0.7",
-    "react-pdf": "^7.7.1",
+    "react-pdf": "^10.1.0",
     "react-photoswipe-gallery": "^2.2.7",
     "react-player": "^2.15.1",
     "react-slick": "^0.29.0",
diff --git a/src/components/molecules/MarkdownRenderer/MarkdownRenderer.tsx b/src/components/molecules/MarkdownRenderer/MarkdownRenderer.tsx
index 5cb98346..820c7b27 100644
--- a/src/components/molecules/MarkdownRenderer/MarkdownRenderer.tsx
+++ b/src/components/molecules/MarkdownRenderer/MarkdownRenderer.tsx
@@ -204,8 +204,8 @@ ${SharedLightboxStyle}
 
 export const MarkdownRenderer: React.FC<MarkdownRendererProps> = (props) => {
   const { mobile = false, fontSize = "16", children, className } = props;
-  const [rehypePlugins, setRehypePlugins] = useState<any[]>([]);
-  const [remarkPlugins, setRemarkPlugins] = useState<any[]>([]);
+  const [rehypePlugins, setRehypePlugins] = useState<Array<unknown>>([]);
+  const [remarkPlugins, setRemarkPlugins] = useState<Array<unknown>>([]);
 
   useEffect(() => {
     (async () => {
diff --git a/src/components/players/PdfPlayer/PdfPlayer.tsx b/src/components/players/PdfPlayer/PdfPlayer.tsx
index df3e0e7b..467dc750 100644
--- a/src/components/players/PdfPlayer/PdfPlayer.tsx
+++ b/src/components/players/PdfPlayer/PdfPlayer.tsx
@@ -4,8 +4,8 @@ import { Document, Page, pdfjs } from "react-pdf";
 import { Button, Text } from "../../..";
 import { useTranslation } from "react-i18next";
 import { ExtendableStyledComponent } from "types/component";
-import 'react-pdf/dist/Page/AnnotationLayer.css';
-import 'react-pdf/dist/Page/TextLayer.css';
+import "react-pdf/dist/Page/AnnotationLayer.css";
+import "react-pdf/dist/Page/TextLayer.css";
 
 interface PdfPlayerProps extends ExtendableStyledComponent {
   url: string;
@@ -16,12 +16,18 @@ interface PdfPlayerProps extends ExtendableStyledComponent {
 }
 
 const StyledWrapper = styled("div")`
-  display: inline-block;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  justify-content: center;
+  align-items: center;
 
   .pagination-area {
     margin-top: 5px;
     display: flex;
     justify-content: space-between;
+    gap: 10px;
+    align-items: center;
   }
 `;
 
@@ -55,7 +61,7 @@ export const PdfPlayer: React.FunctionComponent<PdfPlayerProps> = ({
   };
 
   React.useEffect(() => {
-    pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
+    pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/legacy/build/pdf.worker.min.mjs`;
     setIsMounted(true);
     return () => setIsMounted(false);
   }, []);