mirror of
https://github.com/dergigi/boris.git
synced 2025-12-19 23:54:23 +01:00
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
This commit is contained in:
@@ -376,7 +376,6 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
|
|||||||
>
|
>
|
||||||
<FontAwesomeIcon icon={faHighlighter} />
|
<FontAwesomeIcon icon={faHighlighter} />
|
||||||
<span className="tab-label">Highlights</span>
|
<span className="tab-label">Highlights</span>
|
||||||
<span className="tab-count">({highlights.length})</span>
|
|
||||||
</button>
|
</button>
|
||||||
{isOwnProfile && (
|
{isOwnProfile && (
|
||||||
<>
|
<>
|
||||||
@@ -386,8 +385,7 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
|
|||||||
onClick={() => navigate('/me/reading-list')}
|
onClick={() => navigate('/me/reading-list')}
|
||||||
>
|
>
|
||||||
<FontAwesomeIcon icon={faBookmark} />
|
<FontAwesomeIcon icon={faBookmark} />
|
||||||
<span className="tab-label">Reading List</span>
|
<span className="tab-label">Bookmarks</span>
|
||||||
<span className="tab-count">({allIndividualBookmarks.length})</span>
|
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
className={`me-tab ${activeTab === 'archive' ? 'active' : ''}`}
|
className={`me-tab ${activeTab === 'archive' ? 'active' : ''}`}
|
||||||
@@ -396,7 +394,6 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
|
|||||||
>
|
>
|
||||||
<FontAwesomeIcon icon={faBooks} />
|
<FontAwesomeIcon icon={faBooks} />
|
||||||
<span className="tab-label">Archive</span>
|
<span className="tab-label">Archive</span>
|
||||||
<span className="tab-count">({readArticles.length})</span>
|
|
||||||
</button>
|
</button>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
@@ -407,7 +404,6 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
|
|||||||
>
|
>
|
||||||
<FontAwesomeIcon icon={faPenToSquare} />
|
<FontAwesomeIcon icon={faPenToSquare} />
|
||||||
<span className="tab-label">Writings</span>
|
<span className="tab-label">Writings</span>
|
||||||
<span className="tab-count">({writings.length})</span>
|
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user