Replace Sort by ID with Date Added (#253)

.nvmrc

@@ -0,0 +1 @@
+v16.19.1

src/components/library/LibraryMangaGrid.tsx

@@ -68,7 +68,7 @@ const sortByUnread = (a: IMangaCard, b: IMangaCard): number =>
 
 const sortByTitle = (a: IMangaCard, b: IMangaCard): number => a.title.localeCompare(b.title);
 
-const sortById = (a: IMangaCard, b: IMangaCard): number => a.id - b.id;
+const sortByDateAdded = (a: IMangaCard, b: IMangaCard): number => a.inLibraryAt - b.inLibraryAt;
 
 const sortManga = (
     manga: IMangaCard[],
@@ -81,8 +81,8 @@ const sortManga = (
         case 'sortAlph':
             result.sort(sortByTitle);
             break;
-        case 'sortID':
+        case 'sortDateAdded':
-            result.sort(sortById);
+            result.sort(sortByDateAdded);
             break;
         case 'sortToRead':
             result.sort(sortByUnread);

src/components/library/LibraryOptionsPanel.tsx

@@ -24,7 +24,7 @@ const TITLES = {
 const SORT_OPTIONS: [LibrarySortMode, string][] = [
     ['sortToRead', 'By Unread chapters'],
     ['sortAlph', 'Alphabetically'],
-    ['sortID', 'By ID'],
+    ['sortDateAdded', 'Date Added'],
 ];
 
 interface IProps {

src/screens/Reader.tsx

@@ -72,6 +72,7 @@ export default function Reader() {
         title: '',
         thumbnailUrl: '',
         genre: [],
+        inLibraryAt: 0,
     });
     const [chapter, setChapter] = useState<IChapter | IPartialChapter>(initialChapter());
     const [curPage, setCurPage] = useState<number>(0);

src/screens/SourceMangas.tsx

@@ -204,6 +204,7 @@ export default function SourceMangas(props: { popular: boolean }) {
                             id: it.id,
                             inLibrary: it.inLibrary,
                             genre: it.genre,
+                            inLibraryAt: it.inLibraryAt,
                         })),
                     ]);
                     setHasNextPage(data.hasNextPage);

src/typings.ts

@@ -98,6 +98,7 @@ export interface IMangaCard {
     downloadCount?: number;
     inLibrary?: boolean;
     meta?: IMetadata;
+    inLibraryAt: number;
 }
 
 export interface IManga {
@@ -126,6 +127,14 @@ export interface IManga {
 
     age: number;
     chaptersAge: number;
+    chaptersLastFetchedAt: number;
+    inLibraryAt: number;
+    initialized: boolean;
+    lastChapterRead: NullAndUndefined<IChapter>;
+    lastFetchedAt: number;
+    lastReadAt: number;
+    thumbnailUrlLastFetched: number;
+    updateStrategy: string;
 }
 
 export interface IChapter {
@@ -322,7 +331,7 @@ export type ChapterOptionsReducerAction =
     | { type: 'sortReverse' }
     | { type: 'showChapterNumber' };
 
-export type LibrarySortMode = 'sortToRead' | 'sortAlph' | 'sortID';
+export type LibrarySortMode = 'sortToRead' | 'sortAlph' | 'sortDateAdded';
 
 enum GridLayout {
     Compact = 0,

tsconfig.json

@@ -24,4 +24,4 @@
   "include": [
     "src"
   ]
-}
+}