"use client"; import { useState } from "react"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, PieChart, Pie, Cell, LineChart, Line } from "recharts"; import { BarChart4, Users, FolderKanban, Tags, Calendar, Download } from "lucide-react"; import { Button } from "@/components/ui/button"; // Mock data for charts const userRegistrationData = [ { name: "Jan", count: 4 }, { name: "Fév", count: 3 }, { name: "Mar", count: 5 }, { name: "Avr", count: 7 }, { name: "Mai", count: 2 }, { name: "Juin", count: 6 }, { name: "Juil", count: 8 }, { name: "Août", count: 9 }, { name: "Sep", count: 11 }, { name: "Oct", count: 13 }, { name: "Nov", count: 7 }, { name: "Déc", count: 5 }, ]; const projectCreationData = [ { name: "Jan", count: 2 }, { name: "Fév", count: 4 }, { name: "Mar", count: 3 }, { name: "Avr", count: 5 }, { name: "Mai", count: 1 }, { name: "Juin", count: 3 }, { name: "Juil", count: 6 }, { name: "Août", count: 4 }, { name: "Sep", count: 7 }, { name: "Oct", count: 8 }, { name: "Nov", count: 5 }, { name: "Déc", count: 3 }, ]; const userRoleData = [ { name: "Administrateurs", value: 3 }, { name: "Utilisateurs standard", value: 21 }, ]; const tagUsageData = [ { name: "Frontend", value: 12 }, { name: "Backend", value: 8 }, { name: "Fullstack", value: 5 }, { name: "UX/UI", value: 3 }, { name: "DevOps", value: 2 }, ]; const COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042', '#8884d8']; const dailyActiveUsersData = [ { name: "Lun", users: 15 }, { name: "Mar", users: 18 }, { name: "Mer", users: 22 }, { name: "Jeu", users: 19 }, { name: "Ven", users: 23 }, { name: "Sam", users: 12 }, { name: "Dim", users: 10 }, ]; export default function AdminStatsPage() { const [activeTab, setActiveTab] = useState("overview"); // Mock statistics const stats = [ { title: "Utilisateurs", value: "24", change: "+12%", trend: "up", icon: Users, }, { title: "Projets", value: "32", change: "+8%", trend: "up", icon: FolderKanban, }, { title: "Groupes créés", value: "128", change: "+15%", trend: "up", icon: Users, }, { title: "Tags utilisés", value: "18", change: "+5%", trend: "up", icon: Tags, }, ]; const handleExportStats = () => { alert("Statistiques exportées en CSV"); }; return (

Statistiques

{stats.map((stat, index) => ( {stat.title}
{stat.value}

{stat.change} depuis le mois dernier

))}
Utilisateurs Projets Tags Activité Inscriptions d'utilisateurs par mois Nombre de nouveaux utilisateurs inscrits par mois Répartition des rôles utilisateurs Proportion d'administrateurs et d'utilisateurs standard `${name}: ${(percent * 100).toFixed(0)}%`} outerRadius={80} fill="#8884d8" dataKey="value" > {userRoleData.map((entry, index) => ( ))} Création de projets par mois Nombre de nouveaux projets créés par mois Utilisation des tags Nombre d'utilisations par tag Utilisateurs actifs par jour Nombre d'utilisateurs actifs par jour de la semaine
); }