Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 | 2x 2x 2x 22x 22x 22x 22x 22x 22x 9x 9x 9x 9x 8x 1x 1x 1x 9x 22x 2x 2x 2x 2x 4x 2x 1x 1x 1x 1x 22x 2x 22x 3x 22x 26x 4x 4x 26x 26x 22x 8x 22x | import { useState, useEffect } from 'react';
import { Client } from '@/types/client/client';
import { clientService } from '@/lib/api/services/clientService';
/**
* Hook personnalisé pour la gestion des clients
*/
export function useClientsManagement() {
const [clients, setClients] = useState<Client[]>([]);
const [loading, setLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
const [searchTerm, setSearchTerm] = useState('');
const [statusFilter, setStatusFilter] = useState<'all' | 'active' | 'inactive'>('all');
/**
* Charge la liste des clients
*/
const loadClients = async () => {
try {
setLoading(true);
setError(null);
const data = await clientService.getClients();
setClients(data);
} catch (err: Error | unknown) {
const errorMessage = err instanceof Error ? err.message : 'Erreur lors du chargement des clients';
setError(errorMessage);
console.error('Erreur chargement clients:', err);
} finally {
setLoading(false);
}
};
/**
* change l'etat actif/inactif d'un client
*/
const toggleClientActive = async (clientId: number) => {
try {
setError(null);
// Mise à jour optimiste : on met à jour l'état local immédiatement
setClients(prevClients =>
prevClients.map(client =>
client.id === clientId
? {
...client,
user: {
...client.user,
is_active: !client.user.is_active
}
}
: client
)
);
// Appel API
await clientService.setUnsetClientActive(clientId);
} catch (err: Error | unknown) {
// En cas d'erreur, on recharge la liste pour récupérer l'état correct
await loadClients();
const errorMessage = err instanceof Error ? err.message : 'Erreur lors de la modification du statut du client';
setError(errorMessage);
console.error('Erreur modification statut client:', err);
}
};
/**
* Gère la recherche de clients
*/
const handleSearch = (term: string) => {
setSearchTerm(term);
};
/**
* Gère le filtre par statut
*/
const handleStatusFilter = (status: 'all' | 'active' | 'inactive') => {
setStatusFilter(status);
};
/**
* Filtre les clients selon le terme de recherche et le statut
*/
const filteredClients = clients.filter(client => {
// Filtre par terme de recherche
const matchesSearch = !searchTerm || (() => {
const searchLower = searchTerm.toLowerCase();
return (
client.nom.toLowerCase().includes(searchLower) ||
client.prenom.toLowerCase().includes(searchLower) ||
client.telephone.includes(searchTerm) ||
client.user.email.toLowerCase().includes(searchLower)
);
})();
// Filtre par statut
const matchesStatus = statusFilter === 'all' ||
(statusFilter === 'active' && client.user.is_active) ||
(statusFilter === 'inactive' && !client.user.is_active);
return matchesSearch && matchesStatus;
});
// Chargement initial
useEffect(() => {
loadClients();
}, []);
return {
clients: filteredClients,
loading,
error,
searchTerm,
statusFilter,
loadClients,
handleSearch,
handleStatusFilter,
toggleClientActive
};
}
|