From a95f9b522bbdd86152ac44af7284f75ddbd4b12f Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Tue, 14 Oct 2025 10:31:35 +0200
Subject: [PATCH] refactor(ui): simplify Me page tab labels

- Remove count numbers from all tabs (cleaner UI)
- Rename "Reading List" to "Bookmarks" (clearer naming)
- Keep tab names: Highlights, Bookmarks, Archive, Writings
- Reduces visual clutter and improves readability
---
 src/components/Me.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/components/Me.tsx b/src/components/Me.tsx
index d0683d88..2e4aa80a 100644
--- a/src/components/Me.tsx
+++ b/src/components/Me.tsx
@@ -376,7 +376,6 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
           >
             <FontAwesomeIcon icon={faHighlighter} />
             <span className="tab-label">Highlights</span>
-            <span className="tab-count">({highlights.length})</span>
           </button>
           {isOwnProfile && (
             <>
@@ -386,8 +385,7 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
                 onClick={() => navigate('/me/reading-list')}
               >
                 <FontAwesomeIcon icon={faBookmark} />
-                <span className="tab-label">Reading List</span>
-                <span className="tab-count">({allIndividualBookmarks.length})</span>
+                <span className="tab-label">Bookmarks</span>
               </button>
               <button
                 className={`me-tab ${activeTab === 'archive' ? 'active' : ''}`}
@@ -396,7 +394,6 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
               >
                 <FontAwesomeIcon icon={faBooks} />
                 <span className="tab-label">Archive</span>
-                <span className="tab-count">({readArticles.length})</span>
               </button>
             </>
           )}
@@ -407,7 +404,6 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
           >
             <FontAwesomeIcon icon={faPenToSquare} />
             <span className="tab-label">Writings</span>
-            <span className="tab-count">({writings.length})</span>
           </button>
         </div>
       </div>