Changeset 0b502c2 for chapterx-frontend/src/pages/browse

Timestamp:

06/23/26 17:20:47 (13 days ago)

Author:

kikisrbinoska <srbinoskakristina07@…>

Branches:

main

Children:

99c1e45

Parents:

b373fea

Message:

Fixed user profile and reading lists

Location:

chapterx-frontend/src/pages/browse

Files:

• BrowsePage.tsx (modified) (3 diffs)
• GenrePage.tsx (modified) (2 diffs)

chapterx-frontend/src/pages/browse/BrowsePage.tsx

@@ -10 +10 @@
   { value: 'recent', label: 'Most Recent' },
   { value: 'views', label: 'Most Viewed' },
-  { value: 'comments', label: 'Most Discussed' },
 ]
 
@@ -26 +25 @@
     let list = stories.filter(s => s.status === 'published')
 
-    if (!showMatureContent && !currentUser) {
+    if (!showMatureContent) {
       list = list.filter(s => !s.mature_content)
     }
@@ -47 +46 @@
       case 'recent': return [...list].sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime())
       case 'views': return [...list].sort((a, b) => b.total_views - a.total_views)
-      case 'comments': return [...list].sort((a, b) => b.total_comments - a.total_comments)
-      default: return list
+default: return list
     }
   }, [stories, search, selectedGenres, sort, showMatureContent, currentUser])

chapterx-frontend/src/pages/browse/GenrePage.tsx

@@ -49 +49 @@
 export const GenresListPage: React.FC = () => {
   const navigate = useNavigate()
-  const { genres } = useStoryStore()
+  const { genres, stories } = useStoryStore()
+  const publishedStories = stories.filter(s => s.status === 'published')
 
   return (
@@ -68 +69 @@
               <div className="absolute inset-0 flex flex-col items-center justify-center p-4">
                 <p className="font-serif font-semibold text-white text-center">{genre.name}</p>
-                <p className="text-white/60 text-xs mt-1">{genre.story_count} stories</p>
+                <p className="text-white/60 text-xs mt-1">{publishedStories.filter(s => s.genres.some(g => g.toLowerCase() === genre.name.toLowerCase())).length} stories</p>
               </div>
               <div className="absolute inset-0 bg-black/20 group-hover:bg-black/10 transition-colors" />