fix(bookshelf): don't show badge or progress for unread book, closes #3103 (#3107)

apps/readest-app/src/app/library/components/ReadingProgress.tsx

@@ -2,6 +2,7 @@ import type React from 'react';
 import { memo, useMemo } from 'react';
 import type { Book } from '@/types/book';
 import { useTranslation } from '@/hooks/useTranslation';
+import { SHOW_UNREAD_STATUS_BADGE } from '@/services/constants';
 import StatusBadge from './StatusBadge';
 
 interface ReadingProgressProps {
@@ -33,11 +34,15 @@ const ReadingProgress: React.FC<ReadingProgressProps> = memo(
     }
 
     if (book.readingStatus === 'unread') {
-      return (
-        <div className='flex justify-start'>
-          <StatusBadge status={book.readingStatus}>{_('Unread')}</StatusBadge>
-        </div>
-      );
+      if (SHOW_UNREAD_STATUS_BADGE) {
+        return (
+          <div className='flex justify-start'>
+            <StatusBadge status={book.readingStatus}>{_('Unread')}</StatusBadge>
+          </div>
+        );
+      } else {
+        return null;
+      }
     }
 
     if (progressPercentage === null || Number.isNaN(progressPercentage)) {

apps/readest-app/src/services/constants.ts

@@ -682,6 +682,8 @@ export const MAX_ZOOM_LEVEL = 500;
 export const MIN_ZOOM_LEVEL = 50;
 export const ZOOM_STEP = 10;
 
+export const SHOW_UNREAD_STATUS_BADGE = false;
+
 export const DEFAULT_STORAGE_QUOTA: UserStorageQuota = {
   free: 500 * 1024 * 1024,
   plus: 5 * 1024 * 1024 * 1024,