Files
LogiFlow/INSTRUCTIONS_CALENDRIER_PRODUCTION_FINAL.md
T
michaelschal e1e6afa103 Ensure calendar displays consistently across all environments
Create a production-specific calendar component to fix display issues and ensure feature parity with development.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: cc2d271b-82f0-4d6a-9302-a0b067ffb429
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/cc2d271b-82f0-4d6a-9302-a0b067ffb429/oqbeck5
2025-08-18 14:31:06 +00:00

1.8 KiB

INSTRUCTIONS FINALES - CALENDRIER PRODUCTION

PROBLÈME IDENTIFIÉ

Votre serveur de production utilise une version différente de CalendarGrid.tsx qui limite encore l'affichage à 2 éléments.

SOLUTION DÉFINITIVE

1. Fichier de remplacement créé

Le fichier CalendarGrid.PRODUCTION.tsx contient la version finale optimisée pour votre production avec :

  • ✅ MAX_VISIBLE_ITEMS = 4 (fixé et forcé)
  • ✅ Bouton "+X autres" en blanc/gris (fini l'orange)
  • ✅ Hauteur cellules = h-36 (plus d'espace)
  • ✅ Styles inline forcés pour éviter les conflits CSS
  • ✅ Modal Dialog pour voir tous les éléments

2. Étapes de déploiement sur votre serveur

  1. Sauvegarder votre fichier actuel :

    cp client/src/components/CalendarGrid.tsx client/src/components/CalendarGrid.tsx.backup
    
  2. Remplacer par la nouvelle version :

    cp CalendarGrid.PRODUCTION.tsx client/src/components/CalendarGrid.tsx
    
  3. Redémarrer votre application :

    npm run build
    pm2 restart all
    # ou votre méthode de redémarrage
    
  4. Vider le cache navigateur : Ctrl+F5

3. Vérifications post-déploiement

  • Maximum 4 éléments visibles par jour
  • Bouton "+X autres" blanc/gris visible
  • Modal s'ouvre en cliquant sur "+X autres"
  • Toutes les commandes/livraisons affichées dans le modal
  • Pas de problèmes d'affichage ou de CSS

4. En cas de problème

Si ça ne fonctionne toujours pas :

  1. Vérifiez que le bon fichier a été copié
  2. Vérifiez les logs de votre serveur
  3. Essayez un redémarrage complet
  4. Contactez-moi avec les logs d'erreur

IMPORTANT : Ce fichier CalendarGrid.PRODUCTION.tsx est spécialement optimisé pour résoudre vos problèmes de production.