mirror of
https://github.com/R0m1k3/LogiFlow.git
synced 2026-10-11 17:27:31 +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
55 lines
1.8 KiB
Markdown
55 lines
1.8 KiB
Markdown
# 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 :**
|
|
```bash
|
|
cp client/src/components/CalendarGrid.tsx client/src/components/CalendarGrid.tsx.backup
|
|
```
|
|
|
|
2. **Remplacer par la nouvelle version :**
|
|
```bash
|
|
cp CalendarGrid.PRODUCTION.tsx client/src/components/CalendarGrid.tsx
|
|
```
|
|
|
|
3. **Redémarrer votre application :**
|
|
```bash
|
|
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. |