"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 (
{stat.change} depuis le mois dernier