Claude
b243df4772
Suite de PR #31. `PersistentForm` couvre désormais les formulaires où la saisie compte : ajout d'un salarié, d'un établissement, d'une équipe, d'une entrée de registre, demande d'absence, heures réelles, correspondances de paie, réglages d'envoi, conservation, dépôt de pièce. Le composant gère `select`, `textarea`, cases et boutons radio, et reçoit `resetAfter` : passé l'état retourné par l'action en cas de succès, le formulaire revient aux valeurs rendues par le serveur — vide pour un ajout, la valeur enregistrée pour un champ d'édition. C'est ce qui rend visible une normalisation faite côté serveur. Les champs cachés sont exclus. Ils ne portent jamais une saisie mais l'état de l'application, et les rétablir écrase ce que le serveur vient de renvoyer. Le cas s'est produit sur `expectedVersion`, le verrou optimiste d'une semaine de planning. En éprouvant cela, un défaut plus grave est apparu, antérieur et sans rapport avec la préservation : le formulaire de publication recevait tantôt l'action de publication, tantôt celle de dépublication selon l'état, et cessait de suivre le changement. Lecture de l'en-tête `Next-Action` sur trois envois consécutifs : 1er envoi 60b8097e (dépublier) → brouillon 2e envoi 6012d40f (publier) → publiée 3e envoi 6012d40f (publier) → publiée Le bouton affichait « Dépublier » et republiait, sans message d'erreur puisque l'action réellement exécutée réussissait. Une seule action reçoit maintenant l'intention, portée par le bouton déclencheur — un champ caché serait remis à sa valeur d'origine par la réinitialisation que React applique après chaque action, un bouton ne l'est jamais. Le test du planning fait désormais deux allers-retours dans le même chargement : le premier envoi d'une page emploie toujours la bonne action, si bien qu'un seul aller-retour laissait passer le défaut selon l'état où la semaine avait été trouvée. Vérifié : le test échoue sur l'ancien câblage, passe sur le nouveau. 450 tests unitaires et d'intégration, 77 de bout en bout. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Cr9dkEHwbDgkWPnyGj1Rjv
63 lines
1.7 KiB
TypeScript
63 lines
1.7 KiB
TypeScript
'use client';
|
|
|
|
import { useActionState } from 'react';
|
|
|
|
import { Field, FormError, SubmitButton } from '@/components/ui/Form';
|
|
import { PersistentForm } from '@/components/ui/PersistentForm';
|
|
import {
|
|
createLocationAction,
|
|
type ActionState,
|
|
} from '@/server/settings/locations';
|
|
|
|
export function AddLocationForm() {
|
|
const [state, formAction] = useActionState<ActionState, FormData>(
|
|
createLocationAction,
|
|
{},
|
|
);
|
|
|
|
return (
|
|
<PersistentForm
|
|
action={formAction}
|
|
resetAfter={state.ok ? state : null}
|
|
className="flex flex-col gap-3"
|
|
>
|
|
<div className="flex flex-wrap gap-3">
|
|
<Field label="Nom" name="name" required placeholder="Nantes Atlantis" />
|
|
<Field
|
|
label="SIRET"
|
|
name="siret"
|
|
inputMode="numeric"
|
|
placeholder="14 chiffres"
|
|
/>
|
|
</div>
|
|
<div className="flex flex-wrap gap-3">
|
|
<Field
|
|
label="Fuseau horaire"
|
|
name="timezone"
|
|
defaultValue="Europe/Paris"
|
|
hint="Les durées se calculent depuis les instants ; le fuseau ne sert qu'à l'affichage et au regroupement par jour."
|
|
/>
|
|
<Field
|
|
label="Cotisations patronales"
|
|
name="employerContributionRate"
|
|
type="number"
|
|
step="0.01"
|
|
min="0"
|
|
max="100"
|
|
defaultValue="42"
|
|
hint="Taux moyen, utilisé pour le coût prévisionnel du planning."
|
|
/>
|
|
</div>
|
|
|
|
<FormError>{state.error}</FormError>
|
|
|
|
<div className="flex items-center gap-3">
|
|
<SubmitButton>Créer l’établissement</SubmitButton>
|
|
{state.ok ? (
|
|
<span className="text-xs text-ok-soft-ink">Établissement créé.</span>
|
|
) : null}
|
|
</div>
|
|
</PersistentForm>
|
|
);
|
|
}
|