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

user nouveau onglet

Browse Source
This commit is contained in:
Biqoz
2025-11-16 01:34:01 +01:00
parent 0d95eca1ee
commit ad575641a1
16 changed files with 1033 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
components/collections/users-table.tsx
View File

@@ -18,6 +18,12 @@ import { ChevronLeft, ChevronRight, Search } from "lucide-react";
import { formatDate } from "@/lib/utils";
import { LibreChatUser, LibreChatBalance } from "@/lib/types";
// Couleurs prédéfinies pour les référents
const REFERENT_COLORS: Record<string, string> = {
"Emmanuel WATHELE": "#3B82F6", // Bleu
"IHECS": "#10B981", // Vert
};
export function UsersTable() {
const [page, setPage] = useState(1);
const [searchInput, setSearchInput] = useState(""); // Ce que l'utilisateur tape
@@ -121,22 +127,20 @@ export function UsersTable() {
<Table>
<TableHeader>
<TableRow>
<TableHead>ID</TableHead>
<TableHead className="w-20">ID</TableHead>
<TableHead>Nom</TableHead>
<TableHead>Email</TableHead>
<TableHead>Rôle</TableHead>
<TableHead>Crédits</TableHead>
<TableHead>Statut</TableHead>
<TableHead>Créé le</TableHead>
<TableHead className="w-32">Référent</TableHead>
<TableHead className="w-20">Rôle</TableHead>
<TableHead className="w-32">Crédits</TableHead>
<TableHead className="w-28">Créé le</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{users.length > 0 ? (
users.map((user) => {
const userCredits = creditsMap.get(user._id) || 0;
const isActive =
new Date(user.updatedAt || user.createdAt) >
new Date(Date.now() - 30 * 24 * 60 * 60 * 1000);
const referentColor = user.referent ? (REFERENT_COLORS[user.referent] || "#6B7280") : null;
return (
<TableRow key={user._id}>
@@ -146,11 +150,29 @@ export function UsersTable() {
</span>
</TableCell>
<TableCell>
<span className="font-medium">{user.name}</span>
<div className="flex items-center gap-2">
{referentColor && (
<div
className="w-3 h-3 rounded-full flex-shrink-0"
style={{ backgroundColor: referentColor }}
title={user.referent}
/>
)}
<span className="font-medium">{user.name}</span>
</div>
</TableCell>
<TableCell>
<span className="text-sm">{user.email}</span>
</TableCell>
<TableCell>
{user.referent ? (
<span className="text-sm truncate block max-w-[120px]" title={user.referent}>
{user.referent}
</span>
) : (
<span className="text-sm text-gray-400">-</span>
)}
</TableCell>
<TableCell>
<Badge
variant={
@@ -165,13 +187,6 @@ export function UsersTable() {
{userCredits.toLocaleString()} crédits
</span>
</TableCell>
<TableCell>
<span className="text-sm text-muted-foreground">
<Badge variant={isActive ? "default" : "secondary"}>
{isActive ? "Actif" : "Inactif"}
</Badge>
</span>
</TableCell>
<TableCell>
<span className="text-sm text-muted-foreground">
{formatDate(user.createdAt)}