Changeset a8f4a2d for chapterx-frontend/src/components/admin/PlatformStats.tsx

Timestamp:

06/24/26 16:51:52 (11 days ago)

Author:

kikisrbinoska <srbinoskakristina07@…>

Branches:

main

Children:

3ae4bab

Parents:

99c1e45

Message:

Fixed views count

File:

• chapterx-frontend/src/components/admin/PlatformStats.tsx (modified) (4 diffs)

chapterx-frontend/src/components/admin/PlatformStats.tsx

@@ -1 +1 @@
 import React, { useEffect } from 'react'
-import { Users, BookOpen, Heart, MessageCircle } from 'lucide-react'
+import { Users, BookOpen, Heart, MessageCircle, Eye } from 'lucide-react'
 import { useAuthStore } from '../../store/authStore'
 import { useStoryStore } from '../../store/storyStore'
@@ -12 +12 @@
   const totalLikes = stories.reduce((acc, s) => acc + s.total_likes, 0)
   const totalComments = stories.reduce((acc, s) => acc + s.total_comments, 0)
+  const totalViews = stories.reduce((acc, s) => acc + s.total_views, 0)
   const published = stories.filter(s => s.status === 'published').length
 
@@ -17 +18 @@
     { icon: <Users size={24} className="text-blue-300" />, label: 'Total Users', value: allUsers.length, color: 'bg-blue-500/20', change: `${allUsers.filter(u => u.role === 'writer').length} writers` },
     { icon: <BookOpen size={24} className="text-violet-300" />, label: 'Total Stories', value: stories.length, color: 'bg-violet-500/20', change: `${published} published` },
+    { icon: <Eye size={24} className="text-cyan-300" />, label: 'Total Views', value: totalViews.toLocaleString(), color: 'bg-cyan-500/20', change: 'Chapter reads' },
     { icon: <Heart size={24} className="text-rose-300" />, label: 'Total Likes', value: totalLikes.toLocaleString(), color: 'bg-rose-500/20', change: 'Across all stories' },
     { icon: <MessageCircle size={24} className="text-emerald-300" />, label: 'Total Comments', value: totalComments.toLocaleString(), color: 'bg-emerald-500/20', change: 'Platform-wide' },
@@ -22 +24 @@
 
   return (
-    <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+    <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4">
       {stats.map(stat => (
         <div key={stat.label} className="bg-slate-800 border border-slate-700 rounded-2xl p-6">