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)}

28
components/dashboard/create-user.tsx
View File

@@ -118,7 +118,8 @@ export default function CreateUser() {
} else {
setResult({
success: false,
message: data.error || "Erreur lors de la création de l&apos;utilisateur",
message:
data.error || "Erreur lors de la création de l&apos;utilisateur",
});
}
} catch (error) {
@@ -185,7 +186,9 @@ export default function CreateUser() {
</div>
<div className="space-y-2">
<Label htmlFor="confirmPassword">Confirmer le mot de passe *</Label>
<Label htmlFor="confirmPassword">
Confirmer le mot de passe *
</Label>
<Input
id="confirmPassword"
type="password"
@@ -204,7 +207,9 @@ export default function CreateUser() {
<Label htmlFor="role">Rôle</Label>
<Select
value={formData.role}
onValueChange={(value: string) => handleInputChange("role", value)}
onValueChange={(value: string) =>
handleInputChange("role", value)
}
disabled={isLoading}
>
<SelectTrigger>
@@ -229,13 +234,10 @@ export default function CreateUser() {
{result.success && result.user && (
<div className="mt-2 text-sm">
<strong>Détails:</strong>
<br />
• ID: {result.user.id}
<br />
• Email: {result.user.email}
<br />
• Rôle: {result.user.role}
<br />• Crédits initiaux: 5,000,000 tokens
<br />• ID: {result.user.id}
<br />• Email: {result.user.email}
<br />• Rôle: {result.user.role}
<br />• Crédits initiaux: 3,000,000 tokens
</div>
)}
</AlertDescription>
@@ -262,7 +264,9 @@ export default function CreateUser() {
<div className="mt-6 p-4 bg-muted rounded-lg">
<h4 className="font-medium mb-2">Informations importantes :</h4>
<ul className="text-sm text-muted-foreground space-y-1">
<li>• L&apos;utilisateur recevra automatiquement 5,000,000 tokens</li>
<li>
• L&apos;utilisateur recevra automatiquement 5,000,000 tokens
</li>
<li>• Le mot de passe sera hashé de manière sécurisée</li>
<li>• L&apos;email doit être unique dans le système</li>
<li>• L&apos;utilisateur pourra se connecter immédiatement</li>
@@ -271,4 +275,4 @@ export default function CreateUser() {
</CardContent>
</Card>
);
}
}

6
components/layout/sidebar.tsx
View File

@@ -22,6 +22,7 @@ import {
LogOut,
User,
Mail,
GraduationCap,
} from "lucide-react";
import type { User as SupabaseUser } from "@supabase/supabase-js";
@@ -37,6 +38,11 @@ const navigationGroups = [
{
name: "Données",
items: [
{
name: "Référents",
href: "/referents",
icon: GraduationCap,
},
{
name: "Utilisateurs",
href: "/users",