From dc71b3007b3cf1c964bbaeb1e0056c1f05d1febe Mon Sep 17 00:00:00 2001
From: Reece Browne <reecebrowne1995@gmail.com>
Date: Thu, 18 Sep 2025 12:32:42 +0100
Subject: [PATCH] clean up

---
 .../src/components/viewer/EmbedPdfViewer.tsx  |  4 +---
 .../src/components/viewer/LocalEmbedPDF.tsx   |  2 +-
 .../components/viewer/PdfViewerToolbar.tsx    |  2 +-
 .../components/viewer/ThumbnailSidebar.tsx    |  2 +-
 frontend/src/styles/theme.css                 | 22 +++++++++++++++++++
 5 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/viewer/EmbedPdfViewer.tsx b/frontend/src/components/viewer/EmbedPdfViewer.tsx
index 74a3e40c8..6764b0a76 100644
--- a/frontend/src/components/viewer/EmbedPdfViewer.tsx
+++ b/frontend/src/components/viewer/EmbedPdfViewer.tsx
@@ -24,7 +24,7 @@ const EmbedPdfViewerContent = ({
   previewFile,
 }: EmbedPdfViewerProps) => {
   const theme = useMantineTheme();
-  const { colorScheme } = useMantineColorScheme();
+  const { colorScheme: _colorScheme } = useMantineColorScheme();
   const viewerRef = React.useRef<HTMLDivElement>(null);
   const [isViewerHovered, setIsViewerHovered] = React.useState(false);
   const { isThumbnailSidebarVisible, toggleThumbnailSidebar, zoomActions, spreadActions, panActions: _panActions, rotationActions: _rotationActions, getScrollState, getZoomState, getSpreadState } = useViewer();
@@ -66,8 +66,6 @@ const EmbedPdfViewerContent = ({
 
   // Handle scroll wheel zoom
   React.useEffect(() => {
-    let accumulator = 0;
-
     const handleWheel = (event: WheelEvent) => {
       // Check if Ctrl (Windows/Linux) or Cmd (Mac) is pressed
       if (event.ctrlKey || event.metaKey) {
diff --git a/frontend/src/components/viewer/LocalEmbedPDF.tsx b/frontend/src/components/viewer/LocalEmbedPDF.tsx
index a496e0798..68347047b 100644
--- a/frontend/src/components/viewer/LocalEmbedPDF.tsx
+++ b/frontend/src/components/viewer/LocalEmbedPDF.tsx
@@ -7,7 +7,7 @@ import { usePdfiumEngine } from '@embedpdf/engines/react';
 import { Viewport, ViewportPluginPackage } from '@embedpdf/plugin-viewport/react';
 import { Scroller, ScrollPluginPackage, ScrollStrategy } from '@embedpdf/plugin-scroll/react';
 import { LoaderPluginPackage } from '@embedpdf/plugin-loader/react';
-import { RenderLayer, RenderPluginPackage } from '@embedpdf/plugin-render/react';
+import { RenderPluginPackage } from '@embedpdf/plugin-render/react';
 import { ZoomPluginPackage } from '@embedpdf/plugin-zoom/react';
 import { InteractionManagerPluginPackage, PagePointerProvider, GlobalPointerProvider } from '@embedpdf/plugin-interaction-manager/react';
 import { SelectionLayer, SelectionPluginPackage } from '@embedpdf/plugin-selection/react';
diff --git a/frontend/src/components/viewer/PdfViewerToolbar.tsx b/frontend/src/components/viewer/PdfViewerToolbar.tsx
index 2064182db..f4e64d5a5 100644
--- a/frontend/src/components/viewer/PdfViewerToolbar.tsx
+++ b/frontend/src/components/viewer/PdfViewerToolbar.tsx
@@ -41,7 +41,7 @@ export function PdfViewerToolbar({
 
   // Register for immediate scroll updates and sync with actual scroll state
   useEffect(() => {
-    registerImmediateScrollUpdate((currentPage, totalPages) => {
+    registerImmediateScrollUpdate((currentPage, _totalPages) => {
       setPageInput(currentPage);
     });
     setPageInput(scrollState.currentPage);
diff --git a/frontend/src/components/viewer/ThumbnailSidebar.tsx b/frontend/src/components/viewer/ThumbnailSidebar.tsx
index c6da278ad..8a8dcfd08 100644
--- a/frontend/src/components/viewer/ThumbnailSidebar.tsx
+++ b/frontend/src/components/viewer/ThumbnailSidebar.tsx
@@ -61,7 +61,7 @@ export function ThumbnailSidebar({ visible, onToggle: _onToggle }: ThumbnailSide
     };
 
     generateThumbnails();
-  }, [visible, scrollState.totalPages, thumbnailAPI, thumbnails]);
+  }, [visible, scrollState.totalPages, thumbnailAPI]);
 
   const handlePageClick = (pageIndex: number) => {
     const pageNumber = pageIndex + 1; // Convert to 1-based
diff --git a/frontend/src/styles/theme.css b/frontend/src/styles/theme.css
index 6643ca580..df3b98031 100644
--- a/frontend/src/styles/theme.css
+++ b/frontend/src/styles/theme.css
@@ -30,6 +30,17 @@
   --color-primary-800: #1e40af;
   --color-primary-900: #1e3a8a;
 
+  --color-red-50: #fef2f2;
+  --color-red-100: #fee2e2;
+  --color-red-200: #fecaca;
+  --color-red-300: #fca5a5;
+  --color-red-400: #f87171;
+  --color-red-500: #ef4444;
+  --color-red-600: #dc2626;
+  --color-red-700: #b91c1c;
+  --color-red-800: #991b1b;
+  --color-red-900: #7f1d1d;
+
   --color-gray-50: #f9fafb;
   --color-gray-100: #f3f4f6;
   --color-gray-200: #e5e7eb;
@@ -199,6 +210,17 @@
   --border: 55 65 81;
 
   /* Dark theme Mantine colors */
+  --color-red-50: #2d1b1b;
+  --color-red-100: #3a2323;
+  --color-red-200: #4a2d2d;
+  --color-red-300: #5c3535;
+  --color-red-400: #7c4a4a;
+  --color-red-500: #ef4444;
+  --color-red-600: #dc2626;
+  --color-red-700: #b91c1c;
+  --color-red-800: #991b1b;
+  --color-red-900: #7f1d1d;
+
   --color-gray-50: #111827;
   --color-gray-100: #1F2329;
   --color-gray-200: #2A2F36;