Resume chapter at specific page

- open from outside reader
 - is read
  - yes: 1st page
  - no : last read page
- inside reader via
 - chapter selection: first page
 - previous chapter : last page
 - next chapter     : first page

src/modules/chapter/components/ChapterList.tsx

@@ -122,8 +122,6 @@ export const ChapterList = ({
 
     const visibleChapters = useMemo(() => filterAndSortChapters(chapters, options), [chapters, options]);
 
-    const nextChapterIndexToRead = manga.firstUnreadChapter?.sourceOrder;
-
     const areAllChaptersRead = Mangas.isFullyRead(manga);
     const areAllChaptersDownloaded = Mangas.isFullyDownloaded(manga);
 
@@ -157,8 +155,8 @@ export const ChapterList = ({
             );
         }
 
-        if (nextChapterIndexToRead !== undefined) {
-            return <ResumeFab chapterIndex={nextChapterIndexToRead} mangaId={manga.id} />;
+        if (manga.firstUnreadChapter) {
+            return <ResumeFab chapter={manga.firstUnreadChapter} />;
         }
 
         return null;

src/modules/chapter/components/cards/ChapterCard.tsx

@@ -36,6 +36,7 @@ import {
     ChapterMangaInfo,
     ChapterNumberInfo,
     ChapterReadInfo,
+    Chapters,
     ChapterScanlatorInfo,
 } from '@/modules/chapter/services/Chapters.ts';
 import { ChaptersWithMeta } from '@/modules/chapter/services/ChaptersWithMeta.ts';
@@ -128,10 +129,11 @@ export const ChapterCard: React.FC<IProps> = (props: IProps) => {
                     >
                         <CardActionArea
                             component={Link}
-                            to={`/manga/${chapter.mangaId}/chapter/${chapter.sourceOrder}`}
+                            to={Chapters.getReaderUrl(chapter)}
                             style={{
                                 color: theme.palette.text[chapter.isRead ? 'disabled' : 'primary'],
                             }}
+                            state={{ resumeMode: Chapters.getReaderResumeMode(chapter) }}
                             replace={mode === 'reader'}
                             onClick={(e) => handleClick(e)}
                             {...longPressBind(popupState.open)}

src/modules/chapter/services/Chapters.ts

@@ -21,6 +21,7 @@ import { CHAPTER_LIST_FIELDS } from '@/lib/graphql/fragments/ChapterFragments.ts
 
 import { DirectionOffset, TranslationKey } from '@/Base.types.ts';
 import { MangaIdInfo } from '@/modules/manga/Manga.types.ts';
+import { ReaderResumeMode } from '@/modules/reader/types/Reader.types.ts';
 
 export type ChapterAction = 'download' | 'delete' | 'bookmark' | 'unbookmark' | 'mark_as_read' | 'mark_as_unread';
 
@@ -391,4 +392,12 @@ export class Chapters {
 
         return onlyUnread ? Chapters.getNonRead(nextChapters) : nextChapters;
     }
+
+    static getReaderResumeMode(chapter: ChapterReadInfo): ReaderResumeMode {
+        if (chapter.isRead) {
+            return ReaderResumeMode.START;
+        }
+
+        return ReaderResumeMode.LAST_READ;
+    }
 }