Skip to main content

PasswordForm

Formulaire autocontenu de changement de mot de passe. Appelle l'action updatePassword et gère l'état d'erreur / succès localement.

Source : src/components/ui/password-form.tsx

Aucune prop​

PasswordForm est un composant fermé — il encapsule son propre état et ses appels serveur. Pas de props externes.

<PasswordForm />

Comportement​

ÉtatAffichage
En cours (useTransition)Spinner + bouton désactivé
SuccèsMessage vert — réinitialise les champs après 3 s
ErreurMessage rouge sous le formulaire

Champs​

  1. Mot de passe actuel — vérifié côté serveur (bcrypt compare)
  2. Nouveau mot de passe — min 8 caractères (BR-AUTH-007)
  3. Confirmer le nouveau mot de passe — égalité vérifiée côté action

Accessibilité​

  • Labels en <label> explicites liés à chaque <input>
  • type="password" sur tous les champs (masquage natif)
  • Bouton désactivé via disabled (pas via CSS seul)

Voir aussi​