**Corrections d'erreurs :** 1. **Erreurs SQL DATE_FORMAT corrigées** (analyticsDb.ts) : - Remplacement des sous-requêtes corrélées par des JOIN dans getTauxRemplissageByMonth() - Utilisation de COUNT(CASE WHEN...) au lieu de SUM(SELECT COUNT(*)) - Ajout de leftJoin pour éviter les erreurs de sous-requêtes 2. **Erreur React "Cannot read properties of null" corrigée** (AdminRapportPublicCible.tsx) : - Ajout de l'opérateur null-safe `?.` pour accéder à `insc.apprenant?.fonction` - Vérification explicite si la fonction est null/undefined - Gestion du cas "public cible = tous" qui correspond toujours 3. **Tests réussis** : - Page rapport-public-cible : affiche correctement les statistiques et recommandations - Tableau de bord analytique : graphiques et statistiques fonctionnels - Page suivi questionnaires : affiche correctement les données **Harmonisation charte graphique :** - Application du style bleu clair (#6B9FE8) avec ombre portée à tous les titres des 32 pages - Création de la classe CSS `.page-title` réutilisable dans index.css - Cohérence visuelle sur toute l'application **Résultat :** ✅ Toutes les erreurs SQL et React sont corrigées ✅ Les pages fonctionnent correctement sans erreur ✅ Charte graphique harmonisée sur toutes les pages
996 B
996 B
Harmonisation des titres - Charte graphique bleue
Tous les titres des pages ont été harmonisés avec la charte graphique du "Tableau de bord" :
- Couleur : Bleu clair (#6B9FE8)
- Ombre : Ombre portée subtile (0 2px 4px rgba(0, 0, 0, 0.1))
- Police : 3xl, bold
Pages modifiées (32 au total)
- Tableau de bord
- Formations
- Séquences
- Apprenants
- Utilisateurs
- Formateurs
- Calendrier
- Émargement
- Gestion des attestations
- Configuration des emails
- Templates d'emails
- Établissements
- Import Excel
- Paramètres
- Questionnaires
- Suivi des questionnaires
- Rappels automatiques
- Rapport Public Cible
- Analytics
- Et toutes les autres pages...
Implémentation
Une classe CSS réutilisable .page-title a été créée dans client/src/index.css :
.page-title {
@apply text-3xl font-bold;
color: #6B9FE8;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
Tous les titres <h1> et <h2> ont été mis à jour pour utiliser cette classe.