Fix : Numéro Congés Spectacles - Page Auto-déclaration

Problème identifié

Le champ "Numéro de Congés Spectacles" n'était pas présent dans le formulaire de la page d'auto-déclaration (/auto-declaration), alors que :

✅ Le champ existe dans la base de données (salaries.conges_spectacles)
✅ L'API backend gère correctement ce champ (/api/auto-declaration/route.ts)
✅ Le champ était pré-rempli depuis la base de données

Conséquence : Les salariés ne pouvaient pas saisir ou modifier leur numéro de Congés Spectacles via l'auto-déclaration.

Solution appliquée

1. Modification de l'interface FormData

Ajout du champ conges_spectacles dans l'interface TypeScript :

interface FormData {
  // ... autres champs
  // État civil
  date_naissance: string;
  lieu_naissance: string;
  numero_secu: string;
  conges_spectacles: string;  // ← AJOUTÉ
  // ...
}

2. Initialisation de l'état

Ajout de conges_spectacles: '' dans l'état initial du formulaire.

3. Pré-remplissage depuis la base de données

Ajout de la ligne pour pré-remplir le champ depuis les données du salarié :

setFormData(prev => ({
  ...prev,
  // ...
  conges_spectacles: data.conges_spectacles || '',
  // ...
}));

4. Envoi vers l'API

Ajout du champ dans les données envoyées lors de la sauvegarde :

const updateData = {
  // ...
  conges_spectacles: formData.conges_spectacles || null,
  // ...
};

5. Ajout du champ HTML dans le formulaire

Nouveau champ ajouté dans la section "État civil", après le numéro de Sécurité Sociale :

<div>
  <LabelComponent>Votre numéro de Congés Spectacles</LabelComponent>
  <input
    value={formData.conges_spectacles}
    onChange={(e) => setFormData(prev => ({ 
      ...prev, 
      conges_spectacles: e.target.value 
    }))}
    className="w-full px-3 py-2 rounded-lg border bg-white text-sm"
    placeholder="Numéro d'objet (si intermittent)"
  />
  <p className="text-[11px] text-slate-500 mt-1">
    Ce champ est facultatif. Il concerne uniquement les intermittents du spectacle.
  </p>
</div>

Fichiers modifiés

✅ /app/auto-declaration/page.tsx - Ajout du champ dans le formulaire
ℹ️ /app/api/auto-declaration/route.ts - Aucune modification (déjà fonctionnel)

Emplacement du champ

Le champ a été placé dans la section "État civil", juste après le numéro de Sécurité Sociale, car :

Il concerne l'état administratif du salarié
C'est un numéro d'identification professionnel (comme le NIR)
Position logique pour les intermittents du spectacle

Caractéristiques du champ

Type : Input texte
Obligatoire : Non (facultatif)
Public cible : Intermittents du spectacle
Placeholder : "Numéro d'objet (si intermittent)"
Aide : Message explicatif précisant que c'est facultatif

Tests recommandés

✅ Vérifier que le champ s'affiche correctement
✅ Tester la saisie d'un numéro Congés Spectacles
✅ Vérifier la sauvegarde en base de données
✅ Tester le pré-remplissage si un numéro existe déjà
✅ Vérifier que le champ reste facultatif (pas d'erreur si vide)

Validation

Le champ n'a pas de validation spécifique (format libre)
Il n'est pas obligatoire
Accepte n'importe quel texte/format

3.3 KiB Raw Blame History Unescape Escape