Files
LogiFlow/INSTRUCTIONS_PRODUCTION_CALENDRIER.md
T
michaelschal fc154ba491 Improve calendar display to show more events and provide better user interaction
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
2025-08-18 14:05:56 +00:00

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 Dialog au lieu de Popover
  • 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

  1. Teste sur un jour avec plus de 4 éléments
  2. Le bouton orange "+X autres" doit apparaître
  3. Clic sur le bouton ouvre le modal avec tous les éléments
  4. 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.