From 5499e1535e2b8ea4c5d6d4d560b39d2376d21374 Mon Sep 17 00:00:00 2001
From: monoid <qaswedfr55@gmail.com>
Date: Sun, 8 Jun 2025 16:48:15 +0900
Subject: [PATCH] style: no-select

---
 packages/client/src/page/reader/comicPage.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/client/src/page/reader/comicPage.tsx b/packages/client/src/page/reader/comicPage.tsx
index f8a6c44..597791c 100644
--- a/packages/client/src/page/reader/comicPage.tsx
+++ b/packages/client/src/page/reader/comicPage.tsx
@@ -27,24 +27,24 @@ function ComicViewer({
     onChangePage: (page: number) => void;
 }) {
     const [fade, setFade] = useState(false);
-    const PageDown = useCallback((step: number) => setCurPage(Math.max(curPage - step, 0)), [curPage, setCurPage]);
-    const PageUp = useCallback((step: number) => setCurPage(Math.min(curPage + step, totalPage - 1)), [curPage, setCurPage, totalPage]);
+    const pageDown = useCallback((step: number) => setCurPage(Math.max(curPage - step, 0)), [curPage, setCurPage]);
+    const pageUp = useCallback((step: number) => setCurPage(Math.min(curPage + step, totalPage - 1)), [curPage, setCurPage, totalPage]);
     const currentImageRef = useRef<HTMLImageElement>(null);
 
     useEffect(() => {
         const onKeyUp = (e: KeyboardEvent) => {
             const step = e.shiftKey ? 10 : 1;
             if (e.code === "ArrowLeft") {
-                PageDown(step);
+                pageDown(step);
             } else if (e.code === "ArrowRight") {
-                PageUp(step);
+                pageUp(step);
             }
         };
         window.addEventListener("keyup", onKeyUp);
         return () => {
             window.removeEventListener("keyup", onKeyUp);
         };
-    }, [PageDown, PageUp]);
+    }, [pageDown, pageUp]);
 
     useEffect(() => {
         if(currentImageRef.current){
@@ -77,14 +77,14 @@ function ComicViewer({
 
     return (
         <div className="overflow-hidden w-full h-dvh relative">
-            <div className="absolute left-0 w-1/2 h-full z-10" onMouseDown={() => PageDown(1)} />
+            <div className="absolute left-0 w-1/2 h-full z-10 select-none" onMouseDown={() => pageDown(1)} />
             <img
                 ref={currentImageRef}
                 className={cn("max-w-full max-h-full top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 absolute",
                     fade ? "opacity-70 transition-opacity duration-300 ease-in-out" : "opacity-100"
                 )}
                 alt="main content"/>
-            <div className="absolute right-0 w-1/2 h-full z-10" onMouseDown={() => PageUp(1)} />
+            <div className="absolute right-0 w-1/2 h-full z-10 select-none" onMouseDown={() => pageUp(1)} />
         </div>
     );
 }