fix: change empty state text color from red to gray

- Create new .explore-empty class with muted gray color (zinc-400)
- Keep .explore-error red for actual errors
- Update all empty state divs in Me.tsx to use .explore-empty
- Empty states (no highlights, no bookmarks, etc.) no longer appear as errors
This commit is contained in:
Gigi
2025-10-14 01:38:35 +02:00
parent f973c75ff5
commit 1e82e3f240
2 changed files with 6 additions and 5 deletions

View File

@@ -220,7 +220,7 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
switch (activeTab) {
case 'highlights':
return highlights.length === 0 ? (
<div className="explore-error">
<div className="explore-empty">
<p>
{isOwnProfile
? 'No highlights yet. Start highlighting content to see them here!'
@@ -242,7 +242,7 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
case 'reading-list':
return allIndividualBookmarks.length === 0 ? (
<div className="explore-error">
<div className="explore-empty">
<p>No bookmarks yet. Bookmark articles to see them here!</p>
</div>
) : (
@@ -293,7 +293,7 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
case 'archive':
return readArticles.length === 0 ? (
<div className="explore-error">
<div className="explore-empty">
<p>No read articles yet. Mark articles as read to see them here!</p>
</div>
) : (
@@ -310,7 +310,7 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
case 'writings':
return writings.length === 0 ? (
<div className="explore-error">
<div className="explore-empty">
<p>No articles written yet. Publish your first article to see it here!</p>
</div>
) : (