Les propriétés du composant
État d'affichage du modal
Callback de fermeture manuelle
Callback de redirection vers connexion
Modal de session expirée avec compte à rebours ou null si fermé
// Utilisation dans un contexte d'authentification
const [sessionExpired, setSessionExpired] = useState(false);
<SessionExpiredModal
isOpen={sessionExpired}
onClose={() => setSessionExpired(false)}
onReconnect={() => router.push('/login')}
/>
// Avec gestion des intercepteurs HTTP
useEffect(() => {
const interceptor = axios.interceptors.response.use(
response => response,
error => {
if (error.response?.status === 401) {
setSessionExpired(true);
}
return Promise.reject(error);
}
);
}, []);
Composant SessionExpiredModal pour la gestion des sessions expirées. Voir la documentation du module ci-dessus pour les détails complets.
Le composant affiche un modal informatif lorsque la session utilisateur expire, avec un compte à rebours automatique et des options de gestion pour l'utilisateur. Il gère automatiquement la redirection après expiration du délai.