Changeset 99c1e45 for chapterx-frontend/src/pages/profile/ProfilePage.tsx

Timestamp:

06/24/26 16:28:50 (11 days ago)

Author:

kikisrbinoska <srbinoskakristina07@…>

Branches:

main

Children:

a8f4a2d

Parents:

0b502c2

Message:

Fixed writer section and admin management

File:

• chapterx-frontend/src/pages/profile/ProfilePage.tsx (modified) (6 diffs)

chapterx-frontend/src/pages/profile/ProfilePage.tsx

@@ -1 +1 @@
 import React, { useState, useEffect } from 'react'
 import { useParams, useNavigate } from 'react-router-dom'
-import { BookOpen, Heart, Users, Calendar, MessageCircle, Eye } from 'lucide-react'
+import { BookOpen, Heart, Calendar, MessageCircle } from 'lucide-react'
 import { useAuthStore } from '../../store/authStore'
 import { useStoryStore } from '../../store/storyStore'
@@ -18 +18 @@
   const navigate = useNavigate()
   const { allUsers, currentUser, fetchAllUsers, updateUser } = useAuthStore()
-  const { stories, comments } = useStoryStore()
+  const { stories, fetchStories } = useStoryStore()
   const { addToast } = useUIStore()
   const [tab, setTab] = useState<Tab>('stories')
@@ -27 +27 @@
 
   useEffect(() => {
+    fetchStories()
     if (allUsers.length === 0) {
       setLoading(true)
@@ -74 +75 @@
   const userStories = stories.filter(s => s.user_id === user.user_id && s.status === 'published')
   const totalLikes = userStories.reduce((acc, s) => acc + s.total_likes, 0)
-  const totalViews = userStories.reduce((acc, s) => acc + s.total_views, 0)
-  const userComments = comments.filter(c => c.user_id === user.user_id)
+  const totalComments = userStories.reduce((acc, s) => acc + s.total_comments, 0)
   const allGenres = [...new Set(userStories.flatMap(s => s.genres))]
 
@@ -116 +116 @@
             Joined {new Date(user.created_at).toLocaleDateString('en-US', { month: 'long', year: 'numeric' })}
           </span>
-          <span className="flex items-center gap-1 text-slate-400 text-sm">
-            <Users size={14} />
-            {user.follower_count} followers · {user.following_count} following
-          </span>
         </div>
       </div>
 
       {/* Stats */}
-      <div className="grid grid-cols-2 sm:grid-cols-4 gap-4 mb-8">
+      <div className="grid grid-cols-3 gap-4 mb-8">
         {[
           { icon: <BookOpen size={16} className="text-indigo-400" />, value: userStories.length, label: 'Stories' },
           { icon: <Heart size={16} className="text-rose-400" />, value: totalLikes.toLocaleString(), label: 'Likes' },
-          { icon: <Eye size={16} className="text-blue-400" />, value: totalViews.toLocaleString(), label: 'Views' },
-          { icon: <MessageCircle size={16} className="text-amber-400" />, value: userComments.length, label: 'Comments' },
+          { icon: <MessageCircle size={16} className="text-amber-400" />, value: totalComments, label: 'Comments' },
         ].map(s => (
           <div key={s.label} className="bg-slate-800 border border-slate-700 rounded-xl p-4 text-center">
@@ -172 +167 @@
       ) : (
         <div className="space-y-6">
-          <div className="bg-slate-800 border border-slate-700 rounded-2xl p-6">
-            <h3 className="text-white font-semibold mb-3">About</h3>
-            <p className="text-slate-300">{user.bio || 'No bio provided.'}</p>
-          </div>
           {allGenres.length > 0 && (
             <div className="bg-slate-800 border border-slate-700 rounded-2xl p-6">