agenda finition

DEBUG_COLOR_BUTTON.md

@@ -0,0 +1,104 @@
+# 🐛 Debug : Bouton couleur manquant
+
+## Diagnostic
+
+Le code est bien présent dans le fichier `app/missions/equipe/page.tsx` :
+- ✅ Import de `Palette` (ligne 4)
+- ✅ Fonction `handleOpenColorPicker` (ligne 503)
+- ✅ Bouton avec icône Palette (ligne 1040-1049)
+- ✅ Dialog de sélection de couleur (ligne 1377+)
+
+## Vérifications à faire
+
+### 1. Êtes-vous sur la bonne page ?
+
+Votre screenshot montre : **"Gestion des équipes"** avec onglet **"Groupes (7)"**
+
+✅ C'est bien la page `/missions/equipe` avec l'onglet Groupes activé.
+
+### 2. Vérifier le cache Next.js
+
+```bash
+# Dans le terminal :
+cd /Users/alma/Documents/NeahStable
+
+# Supprimer le cache Next.js
+rm -rf .next
+
+# Rebuild
+npm run dev
+```
+
+### 3. Vérifier le cache du navigateur
+
+Dans votre navigateur :
+- **Chrome/Edge** : Ctrl+Shift+R (Windows) ou Cmd+Shift+R (Mac)
+- **Firefox** : Ctrl+F5 (Windows) ou Cmd+Shift+R (Mac)
+- Ou ouvrir DevTools (F12) → Onglet Network → Cocher "Disable cache"
+
+### 4. Vérifier que le serveur dev tourne
+
+```bash
+# Arrêter le serveur actuel (Ctrl+C)
+# Puis relancer :
+npm run dev
+```
+
+### 5. Vérifier dans le code source de la page
+
+1. Ouvrir la page `/missions/equipe`
+2. Clic droit → "Inspecter" (F12)
+3. Onglet "Elements" ou "Inspector"
+4. Chercher "Palette" dans le HTML (Ctrl+F)
+5. Est-ce que vous trouvez `<svg>` avec la classe contenant "Palette" ?
+
+### 6. Vérifier les erreurs console
+
+1. F12 → Onglet "Console"
+2. Y a-t-il des erreurs en rouge ?
+3. Copier/coller les erreurs si présentes
+
+## Solution temporaire
+
+Si le bouton n'apparaît toujours pas, utilisez la page `/groups` à la place :
+
+1. Aller sur `/groups`
+2. Dans la colonne ACTIONS, cliquer sur **⋮** (trois points)
+3. Sélectionner "Couleur du calendrier"
+
+Le code est identique dans `components/groups/groups-table.tsx` et devrait fonctionner.
+
+## Code exact du bouton
+
+Voici le code exact qui devrait être rendu (ligne 1040-1049) :
+
+```tsx
+<Button
+  variant="ghost"
+  size="sm"
+  onClick={() => handleOpenColorPicker(group)}
+  disabled={actionLoading === group.id}
+  className="h-8 w-8 p-0"
+  title="Couleur du calendrier"
+>
+  <Palette className="h-4 w-4 text-gray-500" />
+</Button>
+```
+
+Ce bouton devrait apparaître entre le bouton "Modifier" (Edit2) et "Gérer les membres" (Users).
+
+## Ordre des boutons attendu
+
+Dans la colonne ACTIONS, vous devriez voir **4 boutons** :
+
+1. ✏️ **Edit2** - Modifier le nom du groupe
+2. 🎨 **Palette** - Couleur du calendrier ← NOUVEAU
+3. 👥 **Users** - Gérer les membres
+4. 🗑️ **Trash2** - Supprimer le groupe
+
+## Si rien ne fonctionne
+
+Envoyez-moi :
+1. Screenshot de la console (F12 → Console)
+2. Screenshot du code source HTML (F12 → Elements, autour de la table)
+3. Résultat de : `ls -la .next` dans le terminal

app/agenda/page.tsx

@@ -701,7 +701,7 @@ export default async function CalendarPage() {
     }, 0);
 
   return (
-    <main className="w-full h-screen bg-white">
+    <main className="w-full bg-white" style={{ height: 'calc(100vh - 40px)' }}>
       <div className="w-full h-full px-4 pt-12 pb-4 flex">
         <CalendarClient 
           initialCalendars={calendars}