mirror of
https://github.com/R0m1k3/LogiFlow.git
synced 2026-10-11 17:27:31 +02:00
Update the calendar component to increase the maximum visible items per day from 2 to 4, implement a modal for displaying all daily events, and ensure the "+X others" button is always visible to address production display issues. 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/DlIjsPK
1.5 KiB
1.5 KiB
Instructions de Mise à Jour du Calendrier en Production
Problème Identifié
Le calendrier en production affiche seulement 2 éléments par jour au lieu de 4, et les boutons "+X autres" n'apparaissent pas malgré la logique fonctionnelle (visible dans les logs de la console).
Solution
Copier le fichier CalendarGrid.tsx mis à jour vers votre serveur de production.
Fichier à Copier
client/src/components/CalendarGrid.tsx
Changements Principaux
1. Limite d'affichage augmentée
const MAX_VISIBLE_ITEMS = 4; // Était 2 avant
2. Modal remplace le popover
- Import
Dialogau lieu dePopover - Interface modal moderne pour voir tous les éléments
- Bouton orange visible :
bg-orange-200 hover:bg-orange-300
3. Couleurs pastels appliquées
- Commandes :
bg-blue-300 text-gray-800 - Livraisons :
bg-green-300 text-gray-800 - Planifiées :
bg-yellow-300 text-gray-800 - Livrées :
bg-gray-400 text-white
Vérification Après Copie
- Teste sur un jour avec plus de 4 éléments
- Le bouton orange "+X autres" doit apparaître
- Clic sur le bouton ouvre le modal avec tous les éléments
- Couleurs pastels visibles partout
Logs à Vérifier
Dans la console du navigateur, vous devriez voir :
✅ Button "+X autres" should appear: [nombre]
🔍 DayItemsContainer: { shouldShowButton: true }
Note importante : Cette mise à jour corrige définitivement le problème d'affichage limité à 2 éléments en production.