nacim/Dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new

Browse Source
This commit is contained in:
nBiqoz
2025-10-06 19:19:57 +02:00
parent 0f2adca44a
commit 5b68ffdfb6
4 changed files with 113 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/dashboard/usage-analytics.tsx
View File

@@ -3,8 +3,9 @@
import { useState, useEffect, useCallback } from "react";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Badge } from "@/components/ui/badge";
import { Users, MessageSquare, DollarSign, Activity } from "lucide-react";
import { Users, MessageSquare, DollarSign, Activity, Euro } from "lucide-react";
import { useCollection } from "@/hooks/useCollection";
import { convertCreditsToEuros } from "@/lib/utils/currency";
import {
LibreChatUser,
@@ -322,13 +323,26 @@ export function UsageAnalytics() {
<CardTitle className="text-sm font-medium">
Crédits totaux
</CardTitle>
<DollarSign className="h-4 w-4 text-muted-foreground" />
<div className="flex items-center gap-1">
<DollarSign className="h-4 w-4 text-muted-foreground" />
<Euro className="h-4 w-4 text-green-600" />
</div>
</CardHeader>
<CardContent>
<div className="text-2xl font-bold">
{stats.totalCreditsUsed.toLocaleString()}
</div>
<p className="text-xs text-muted-foreground">crédits disponibles</p>
{/* Conversion en euros */}
<div className="mt-2 p-2 bg-green-50 rounded-lg border border-green-200">
<div className="text-sm font-medium text-green-800">
Valeur: {convertCreditsToEuros(stats.totalCreditsUsed).formatted.eur}
</div>
<div className="text-xs text-green-600">
({convertCreditsToEuros(stats.totalCreditsUsed).formatted.usd} USD)
</div>
</div>
</CardContent>
</Card>
</div>