From fc54c0b7209f4de3c43d98d2ec1ba2362b506ecc Mon Sep 17 00:00:00 2001
From: Stephanie Yang <syangvan2967@gmail.com>
Date: Sun, 3 Dec 2023 20:33:34 -0500
Subject: [PATCH] Implement mouse scrolling for single and double page style
 navigation

---
 src/components/reader/ReaderViewer.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/components/reader/ReaderViewer.tsx b/src/components/reader/ReaderViewer.tsx
index 44d568e93..e06d97e35 100644
--- a/src/components/reader/ReaderViewer.tsx
+++ b/src/components/reader/ReaderViewer.tsx
@@ -265,6 +265,21 @@ const ReaderViewer: React.FC<Props> = (props: Props) => {
           ${hideScrollbar ? styles.noScrollbar : ''}`}
         style={{ ['--USER-MAX-PAGE-WIDTH' as string]: `${maxPageWidth}%` }}
         onClick={(e) => viewerContainerClickHandler(e)}
+        onWheel={ event => {
+          if(event.nativeEvent.wheelDelta > 10){
+            if(readingDirection === ReadingDirection.RightToLeft){
+              props.changePage(false);
+            } else {
+              props.changePage(true);
+            }
+          } else if(event.nativeEvent.wheelDelta < -10){
+            if(readingDirection === ReadingDirection.RightToLeft){
+              props.changePage(true);
+            } else {
+              props.changePage(false);
+            }
+          }
+        }}
       >
         {pageStyle === PageStyle.LongStrip ? getSeparatePageContainers() : getSinglePageContainer()}
       </div>