anything

src/modules/comic/ComicReader.tsx

@@ -45,6 +45,7 @@ export function ComicReader() {
   const chapterData = location.state?.chapterData;
   const password = location.state?.password;
   const originalSessionId = location.state?.sessionId;
+
   useEffect(() => {
     if (!password || !originalSessionId) return;
 
@@ -176,16 +177,15 @@ export function ComicReader() {
     }
   };
 
-  const nextPage = () => {
-    if (!data) return;
-    if (currentPage < data.totalImages) {
-      scrollToPage(currentPage + 1);
+  const nextChapter = () => {
+    if (data?.nextChapter) {
+      handleChapterNavigation(data.nextChapter.slug);
     }
   };
 
-  const prevPage = () => {
-    if (currentPage > 1) {
-      scrollToPage(currentPage - 1);
+  const prevChapter = () => {
+    if (data?.prevChapter) {
+      handleChapterNavigation(data.prevChapter.slug);
     }
   };
 
@@ -360,8 +360,8 @@ export function ComicReader() {
         <div className="page-controls">
           <button 
             className="nav-control-btn"
-            onClick={prevPage}
-            disabled={currentPage === 1}
+            onClick={prevChapter}
+            disabled={!data.prevChapter}
           >
             ← Prev
           </button>
@@ -380,36 +380,12 @@ export function ComicReader() {
 
           <button 
             className="nav-control-btn"
-            onClick={nextPage}
-            disabled={currentPage === data.totalImages}
+            onClick={nextChapter}
+            disabled={!data.nextChapter}
           >
             Next →
           </button>
         </div>
-
-        {(data.prevChapter || data.nextChapter) && (
-          <div className="chapter-navigation">
-            {data.prevChapter && (
-              <button
-                className="chapter-nav-btn prev"
-                onClick={() => handleChapterNavigation(data.prevChapter!.slug)}
-              >
-                ← {data.prevChapter.chapter}
-              </button>
-            )}
-            
-            <div className="chapter-spacer"></div>
-
-            {data.nextChapter && (
-              <button
-                className="chapter-nav-btn next"
-                onClick={() => handleChapterNavigation(data.nextChapter!.slug)}
-              >
-                {data.nextChapter.chapter} →
-              </button>
-            )}
-          </div>
-        )}
       </div>
     </div>
   );