From cdaf642eba173d5d5c9eef8005a325eb3015ac5b Mon Sep 17 00:00:00 2001 From: "pramod.mahajan" Date: Thu, 11 Dec 2025 16:01:11 +0530 Subject: [PATCH] added zoom in - out using mouse wheel --- src/components/Expenses/PreviewDocument.jsx | 24 +++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/src/components/Expenses/PreviewDocument.jsx b/src/components/Expenses/PreviewDocument.jsx index f35d6ef2..12b7adfe 100644 --- a/src/components/Expenses/PreviewDocument.jsx +++ b/src/components/Expenses/PreviewDocument.jsx @@ -59,6 +59,28 @@ const PreviewDocument = ({ files = [] }) => { }; }; +const handleWheel = (e) => { + if (isDocumentType) return; + + e.preventDefault(); + const delta = e.deltaY; + + setScale((prev) => { + let newScale = prev; + + if (delta < 0) { + // Scroll UP -> Zoom IN + newScale = Math.min(prev + 0.1, MAX_ZOOM); + } else { + // Scroll DOWN -> Zoom OUT + newScale = Math.max(prev - 0.1, MIN_ZOOM); + } + + return newScale; + }); +}; + + const handleMouseMove = (e) => { if (!dragging || isDocumentType) return; @@ -105,6 +127,8 @@ const PreviewDocument = ({ files = [] }) => {