mirror of
https://github.com/R0m1k3/LogiFlow.git
synced 2026-10-12 01:37:40 +02:00
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
1.8 KiB
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
-
Sauvegarder votre fichier actuel :
cp client/src/components/CalendarGrid.tsx client/src/components/CalendarGrid.tsx.backup -
Remplacer par la nouvelle version :
cp CalendarGrid.PRODUCTION.tsx client/src/components/CalendarGrid.tsx -
Redémarrer votre application :
npm run build pm2 restart all # ou votre méthode de redémarrage -
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 :
- Vérifiez que le bon fichier a été copié
- Vérifiez les logs de votre serveur
- Essayez un redémarrage complet
- 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.