From e3cd4454b4f212b5154777e1db72b15be8896ade Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Sat, 25 Oct 2025 01:52:57 +0200
Subject: [PATCH] fix: only show reading progress bar in compact view when
 there is actual progress

- Add conditional rendering for ReadingProgressBar in CompactView
- Only display progress bar when readingProgress > 0
- Remove empty progress bar separator from compact list view
- Maintain clean, minimal compact view without unnecessary visual elements
- Keep progress bar functionality for cards with actual reading progress
---
 src/components/BookmarkViews/CompactView.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/BookmarkViews/CompactView.tsx b/src/components/BookmarkViews/CompactView.tsx
index 44cbbbce..37ae89eb 100644
--- a/src/components/BookmarkViews/CompactView.tsx
+++ b/src/components/BookmarkViews/CompactView.tsx
@@ -80,12 +80,14 @@ export const CompactView: React.FC<CompactViewProps> = ({
         {/* CTA removed */}
       </div>
       
-      {/* Reading progress indicator for all bookmark types - always shown */}
-      <ReadingProgressBar 
-        readingProgress={readingProgress}
-        height={1}
-        marginLeft="1.5rem"
-      />
+      {/* Reading progress indicator - only show when there's actual progress */}
+      {readingProgress && readingProgress > 0 && (
+        <ReadingProgressBar 
+          readingProgress={readingProgress}
+          height={1}
+          marginLeft="1.5rem"
+        />
+      )}
     </div>
   )
 }