mirror of
https://github.com/R0m1k3/LogiFlow.git
synced 2026-10-11 17:27:31 +02:00
michaelschal
fc154ba491
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
47 lines
1.5 KiB
Markdown
47 lines
1.5 KiB
Markdown
# 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
|
|
```javascript
|
|
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. |