refactor: SSR on page teams and split getAdminData

This commit is contained in:
Julien Froidefond
2025-08-25 09:20:36 +02:00
parent 0c7903bcb2
commit 9a818b7205
13 changed files with 136 additions and 134 deletions

View File

@@ -4,9 +4,9 @@ import { Team } from "@/lib/types";
import { adminClient } from "@/clients";
import { User, UserFormData } from "@/clients/domains/admin-client";
export function useUsersManagement(teams: Team[]) {
const [users, setUsers] = useState<User[]>([]);
const [isLoading, setIsLoading] = useState(true);
export function useUsersManagement(teams: Team[], initialUsers?: any[]) {
const [users, setUsers] = useState<User[]>(initialUsers || []);
const [isLoading, setIsLoading] = useState(!initialUsers);
const [error, setError] = useState<string | null>(null);
const [deletingUserId, setDeletingUserId] = useState<string | null>(null);
const [userFormData, setUserFormData] = useState<UserFormData>({
@@ -17,25 +17,6 @@ export function useUsersManagement(teams: Team[]) {
const [isSubmitting, setIsSubmitting] = useState(false);
const { toast } = useToast();
// Charger les utilisateurs depuis l'API
const fetchUsers = async () => {
setIsLoading(true);
setError(null);
try {
const usersData = await adminClient.getUsers();
setUsers(usersData);
} catch (err: any) {
setError(err.message || "Erreur lors du chargement des utilisateurs");
} finally {
setIsLoading(false);
}
};
// Charger les utilisateurs au montage du composant
useEffect(() => {
fetchUsers();
}, []);
const resetForm = () => {
setUserFormData({ firstName: "", lastName: "", teamId: "" });
};
@@ -52,15 +33,15 @@ export function useUsersManagement(teams: Team[]) {
try {
setIsSubmitting(true);
await adminClient.createUser(userFormData);
const newUser = await adminClient.createUser(userFormData);
toast({
title: "Succès",
description: "Utilisateur créé avec succès",
});
// Ajouter le nouvel utilisateur à la liste locale
setUsers([...users, newUser]);
resetForm();
// Rafraîchir la liste
await fetchUsers();
return true;
} catch (error: any) {
toast({
@@ -128,6 +109,5 @@ export function useUsersManagement(teams: Team[]) {
resetForm,
handleCreateUser,
handleDeleteUser,
fetchUsers,
};
}