Resolved error for goup page

lib/components/group/group_content.dart

@@ -18,27 +18,55 @@ class _GroupContentState extends State<GroupContent> {
   @override
   void initState() {
     super.initState();
-    _loadInitialData();
+    print('===== GroupContent: initState =====');
+    
+    // Charger immédiatement sans attendre le prochain frame
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      print('===== PostFrameCallback déclenché =====');
+      _loadInitialData();
+    });
   }
 
   void _loadInitialData() {
-    final userState = context.read<UserBloc>().state;
-    if (userState is user_state.UserLoaded) {
-      context.read<GroupBloc>().add(LoadGroupsByUserId(userState.user.id));
+    print('===== _loadInitialData START =====');
+    try {
+      final userState = context.read<UserBloc>().state;
+      print('UserBloc state type: ${userState.runtimeType}');
+      print('UserBloc state: $userState');
+      
+      if (userState is user_state.UserLoaded) {
+        final userId = userState.user.id;
+        print('✓ User chargé, ID: $userId');
+        print('>>> Envoi de LoadGroupsByUserId <<<');
+        context.read<GroupBloc>().add(LoadGroupsByUserId(userId));
+        print('>>> LoadGroupsByUserId envoyé <<<');
+      } else {
+        print('✗ UserState n\'est pas UserLoaded');
+      }
+    } catch (e, stackTrace) {
+      print('===== ERREUR _loadInitialData =====');
+      print('Exception: $e');
+      print('StackTrace: $stackTrace');
     }
   }
 
   @override
   Widget build(BuildContext context) {
+    print('===== GroupContent: build =====');
+    
     return BlocBuilder<UserBloc, user_state.UserState>(
       builder: (context, userState) {
+        print('>>> UserBloc builder - state type: ${userState.runtimeType}');
+        
         if (userState is user_state.UserLoading) {
+          print('État: UserLoading');
           return const Scaffold(
             body: Center(child: CircularProgressIndicator()),
           );
         }
 
         if (userState is user_state.UserError) {
+          print('État: UserError - ${userState.message}');
           return Scaffold(
             body: Center(
               child: Column(
@@ -54,25 +82,31 @@ class _GroupContentState extends State<GroupContent> {
         }
 
         if (userState is! user_state.UserLoaded) {
+          print('État: Utilisateur non connecté');
           return const Scaffold(
             body: Center(child: Text('Utilisateur non connecté')),
           );
         }
 
+        print('✓ État: UserLoaded');
         final user = userState.user;
 
         return BlocConsumer<GroupBloc, GroupState>(
           listener: (context, groupState) {
+            print('===== GroupBloc LISTENER =====');
+            print('State type: ${groupState.runtimeType}');
+            print('State: $groupState');
+            
             if (groupState is GroupOperationSuccess) {
+              print('>>> GroupOperationSuccess: ${groupState.message}');
               ScaffoldMessenger.of(context).showSnackBar(
                 SnackBar(
                   content: Text(groupState.message),
                   backgroundColor: Colors.green,
                 ),
               );
-              // Recharger les groupes après une opération réussie
-              context.read<GroupBloc>().add(LoadGroupsByUserId(user.id));
             } else if (groupState is GroupError) {
+              print('>>> GroupError: ${groupState.message}');
               ScaffoldMessenger.of(context).showSnackBar(
                 SnackBar(
                   content: Text(groupState.message),
@@ -82,54 +116,22 @@ class _GroupContentState extends State<GroupContent> {
             }
           },
           builder: (context, groupState) {
+            print('===== GroupBloc BUILDER =====');
+            print('State type: ${groupState.runtimeType}');
+            print('State: $groupState');
+            
+            // TEST: Afficher le type exact
+            if (groupState is GroupsLoaded) {
+              print('✓✓✓ GroupsLoaded détecté ! ✓✓✓');
+              print('Nombre de groupes: ${groupState.groups.length}');
+              for (var i = 0; i < groupState.groups.length; i++) {
+                print('  Groupe $i: ${groupState.groups[i].name}');
+              }
+            }
+            
             return Scaffold(
-              body: RefreshIndicator(
-                onRefresh: () async {
-                  context.read<GroupBloc>().add(LoadGroupsByUserId(user.id));
-                },
-                child: SingleChildScrollView(
-                  physics: const AlwaysScrollableScrollPhysics(),
-                  padding: const EdgeInsets.all(16.0),
-                  child: Column(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: [
-                      // En-tête
-                      Text(
-                        'Mes groupes',
-                        style: TextStyle(
-                          fontSize: 28,
-                          fontWeight: FontWeight.bold,
-                          color: Theme.of(context).brightness == Brightness.dark
-                              ? Colors.white
-                              : Colors.black,
-                        ),
-                      ),
-                      const SizedBox(height: 8),
-                      Text(
-                        'Discutez avec les participants de vos voyages',
-                        style: TextStyle(
-                          fontSize: 14,
-                          color: Colors.grey[600],
-                        ),
-                      ),
-                      const SizedBox(height: 24),
-
-                      // Contenu principal
-                      if (groupState is GroupLoading)
-                        _buildLoadingState()
-                      else if (groupState is GroupError)
-                        _buildErrorState(groupState.message, user.id)
-                      else if (groupState is GroupsLoaded)
-                        groupState.groups.isEmpty
-                            ? _buildEmptyState()
-                            : _buildGroupGrid(groupState.groups)
-                      else
-                        _buildEmptyState(),
-
-                      const SizedBox(height: 80),
-                    ],
-                  ),
-                ),
+              body: SafeArea(
+                child: _buildContent(groupState, user.id),
               ),
             );
           },
@@ -138,16 +140,174 @@ class _GroupContentState extends State<GroupContent> {
     );
   }
 
-  Widget _buildLoadingState() {
-    return const Center(
+  Widget _buildContent(GroupState groupState, String userId) {
+    print('===== _buildContent =====');
+    print('State type: ${groupState.runtimeType}');
+    
+    if (groupState is GroupLoading) {
+      print('>>> Affichage: Loading');
+      return const Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            CircularProgressIndicator(),
+            SizedBox(height: 16),
+            Text('Chargement des groupes...'),
+          ],
+        ),
+      );
+    }
+
+    if (groupState is GroupError) {
+      print('>>> Affichage: Error');
+      return _buildErrorState(groupState.message, userId);
+    }
+
+    if (groupState is GroupsLoaded) {
+      print('>>> Affichage: GroupsLoaded');
+      print('Groupes: ${groupState.groups.length}');
+      
+      if (groupState.groups.isEmpty) {
+        print('>>> Affichage: Empty');
+        return _buildEmptyState();
+      }
+      
+      print('>>> Affichage: Liste des groupes');
+      return _buildGroupsList(groupState.groups, userId);
+    }
+
+    print('>>> Affichage: Initial/Unknown');
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          const Text('État inconnu'),
+          const SizedBox(height: 16),
+          ElevatedButton(
+            onPressed: () {
+              print('>>> Bouton refresh cliqué');
+              context.read<GroupBloc>().add(LoadGroupsByUserId(userId));
+            },
+            child: const Text('Charger les groupes'),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildGroupsList(List<Group> groups, String userId) {
+    print('===== _buildGroupsList =====');
+    print('Nombre de groupes à afficher: ${groups.length}');
+    
+    return RefreshIndicator(
+      onRefresh: () async {
+        print('>>> Pull to refresh');
+        context.read<GroupBloc>().add(LoadGroupsByUserId(userId));
+        await Future.delayed(const Duration(milliseconds: 500));
+      },
+      child: ListView(
+        padding: const EdgeInsets.all(16),
+        children: [
+          const Text(
+            'Mes groupes',
+            style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold),
+          ),
+          const SizedBox(height: 8),
+          Text(
+            'Discutez avec les participants',
+            style: TextStyle(fontSize: 14, color: Colors.grey[600]),
+          ),
+          const SizedBox(height: 24),
+          
+          // IMPORTANT: Utiliser un simple Column au lieu de GridView pour tester
+          ...groups.map((group) {
+            print('Création widget pour: ${group.name}');
+            return Padding(
+              padding: const EdgeInsets.only(bottom: 12),
+              child: _buildSimpleGroupCard(group),
+            );
+          }).toList(),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildSimpleGroupCard(Group group) {
+    print('===== _buildSimpleGroupCard: ${group.name} =====');
+    
+    try {
+      final colors = [Colors.blue, Colors.purple, Colors.green, Colors.orange];
+      final color = colors[group.name.hashCode.abs() % colors.length];
+      
+      // Membres de manière simple
+      String memberInfo = '${group.members.length} membre(s)';
+      if (group.members.isNotEmpty) {
+        final names = group.members
+            .take(2)
+            .map((m) => m.pseudo.isNotEmpty ? m.pseudo : m.firstName)
+            .join(', ');
+        memberInfo += '\n$names';
+      }
+
+      print('Card créée avec succès');
+      
+      return Card(
+        elevation: 2,
+        child: ListTile(
+          leading: CircleAvatar(
+            backgroundColor: color,
+            child: const Icon(Icons.group, color: Colors.white),
+          ),
+          title: Text(
+            group.name,
+            style: const TextStyle(fontWeight: FontWeight.bold),
+          ),
+          subtitle: Text(memberInfo),
+          trailing: const Icon(Icons.chevron_right),
+          onTap: () {
+            print('Tap sur: ${group.name}');
+            _openGroupChat(group);
+          },
+        ),
+      );
+    } catch (e, stackTrace) {
+      print('ERREUR dans _buildSimpleGroupCard: $e');
+      print('StackTrace: $stackTrace');
+      return Card(
+        color: Colors.red[100],
+        child: const ListTile(
+          leading: Icon(Icons.error, color: Colors.red),
+          title: Text('Erreur d\'affichage'),
+        ),
+      );
+    }
+  }
+
+  Widget _buildEmptyState() {
+    print('===== _buildEmptyState =====');
+    return Center(
       child: Padding(
-        padding: EdgeInsets.all(32),
-        child: CircularProgressIndicator(),
+        padding: const EdgeInsets.all(32),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Icon(Icons.forum_outlined, size: 80, color: Colors.grey[400]),
+            const SizedBox(height: 16),
+            const Text('Aucun groupe', style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold)),
+            const SizedBox(height: 8),
+            Text(
+              'Les groupes sont créés automatiquement',
+              textAlign: TextAlign.center,
+              style: TextStyle(fontSize: 14, color: Colors.grey[600]),
+            ),
+          ],
+        ),
       ),
     );
   }
 
   Widget _buildErrorState(String error, String userId) {
+    print('===== _buildErrorState =====');
     return Center(
       child: Padding(
         padding: const EdgeInsets.all(32),
@@ -156,22 +316,13 @@ class _GroupContentState extends State<GroupContent> {
           children: [
             const Icon(Icons.error, size: 64, color: Colors.red),
             const SizedBox(height: 16),
-            const Text(
-              'Erreur lors du chargement des groupes',
-              style: TextStyle(
-                fontSize: 16,
-                fontWeight: FontWeight.w500,
-              ),
-            ),
+            const Text('Erreur', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500)),
             const SizedBox(height: 8),
-            Text(
-              error,
-              textAlign: TextAlign.center,
-              style: const TextStyle(fontSize: 12, color: Colors.grey),
-            ),
+            Text(error, textAlign: TextAlign.center, style: const TextStyle(fontSize: 12)),
             const SizedBox(height: 16),
             ElevatedButton.icon(
               onPressed: () {
+                print('>>> Bouton réessayer cliqué');
                 context.read<GroupBloc>().add(LoadGroupsByUserId(userId));
               },
               icon: const Icon(Icons.refresh),
@@ -183,175 +334,32 @@ class _GroupContentState extends State<GroupContent> {
     );
   }
 
-  Widget _buildEmptyState() {
-    return Center(
-      child: Padding(
-        padding: const EdgeInsets.all(32),
-        child: Column(
-          children: [
-            Icon(
-              Icons.forum_outlined,
-              size: 80,
-              color: Colors.grey[400],
-            ),
-            const SizedBox(height: 16),
-            const Text(
-              'Aucun groupe',
-              style: TextStyle(
-                fontSize: 20,
-                fontWeight: FontWeight.bold,
-              ),
-            ),
-            const SizedBox(height: 8),
-            Text(
-              'Les groupes sont créés automatiquement lorsque vous créez ou rejoignez un voyage',
-              textAlign: TextAlign.center,
-              style: TextStyle(
-                fontSize: 14,
-                color: Colors.grey[600],
-              ),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget _buildGroupGrid(List<Group> groups) {
-    return GridView.builder(
-      shrinkWrap: true,
-      physics: const NeverScrollableScrollPhysics(),
-      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
-        crossAxisCount: 2,
-        crossAxisSpacing: 12,
-        mainAxisSpacing: 12,
-        childAspectRatio: 0.85,
-      ),
-      itemCount: groups.length,
-      itemBuilder: (context, index) => _buildGroupCard(groups[index]),
-    );
-  }
-
-  Widget _buildGroupCard(Group group) {
-    final isDarkMode = Theme.of(context).brightness == Brightness.dark;
-    final colors = [
-      Colors.blue,
-      Colors.purple,
-      Colors.green,
-      Colors.orange,
-      Colors.teal,
-      Colors.pink,
-    ];
-    final color = colors[group.name.hashCode.abs() % colors.length];
-
-    return Card(
-      elevation: 3,
-      shape: RoundedRectangleBorder(
-        borderRadius: BorderRadius.circular(16),
-      ),
-      child: InkWell(
-        onTap: () => _openGroupChat(group),
-        borderRadius: BorderRadius.circular(16),
-        child: Container(
-          padding: const EdgeInsets.all(16),
-          decoration: BoxDecoration(
-            borderRadius: BorderRadius.circular(16),
-            gradient: LinearGradient(
-              begin: Alignment.topLeft,
-              end: Alignment.bottomRight,
-              colors: [
-                color.withOpacity(0.1),
-                color.withOpacity(0.05),
-              ],
-            ),
-          ),
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              // Avatar du groupe
-              Container(
-                padding: const EdgeInsets.all(12),
-                decoration: BoxDecoration(
-                  color: color.withOpacity(0.2),
-                  borderRadius: BorderRadius.circular(12),
-                ),
-                child: Icon(
-                  Icons.group,
-                  color: color,
-                  size: 32,
-                ),
-              ),
-
-              const Spacer(),
-
-              // Nom du groupe
-              Text(
-                group.name,
-                style: TextStyle(
-                  fontSize: 16,
-                  fontWeight: FontWeight.bold,
-                  color: isDarkMode ? Colors.white : Colors.black87,
-                ),
-                maxLines: 2,
-                overflow: TextOverflow.ellipsis,
-              ),
-
-              const SizedBox(height: 8),
-
-              // Nombre de membres
-              Row(
-                children: [
-                  Icon(
-                    Icons.people,
-                    size: 16,
-                    color: Colors.grey[600],
-                  ),
-                  const SizedBox(width: 4),
-                  Text(
-                    '${group.members.length} membre${group.members.length > 1 ? 's' : ''}',
-                    style: TextStyle(
-                      fontSize: 13,
-                      color: Colors.grey[600],
-                    ),
-                  ),
-                ],
-              ),
-
-              const SizedBox(height: 4),
-
-              // Afficher les premiers membres
-              if (group.members.isNotEmpty)
-                Text(
-                  group.members.take(3).map((m) => m.pseudo).join(', ') +
-                      (group.members.length > 3 ? '...' : ''),
-                  style: TextStyle(
-                    fontSize: 11,
-                    color: Colors.grey[500],
-                  ),
-                  maxLines: 1,
-                  overflow: TextOverflow.ellipsis,
-                ),
-            ],
-          ),
-        ),
-      ),
-    );
-  }
-
-  void _openGroupChat(Group group) {
-    ScaffoldMessenger.of(context).showSnackBar(
-      SnackBar(
-        content: Text('Ouverture du chat: ${group.name}'),
-        duration: const Duration(seconds: 1),
-      ),
-    );
+    void _openGroupChat(Group group) {
+    print('===== _openGroupChat: ${group.name} =====');
+    print('Group ID: ${group.id}');
+    print('Group members: ${group.members.length}');
     
-    // TODO: Navigation vers la page de chat
-    // Navigator.push(
-    //   context,
-    //   MaterialPageRoute(
-    //     builder: (context) => GroupChatPage(group: group),
-    //   ),
-    // );
+    try {
+      // Afficher juste un message, pas de navigation pour l'instant
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text('Chat: ${group.name} (${group.members.length} membres)'),
+            duration: const Duration(seconds: 2),
+          ),
+        );
+      }
+      
+      // TODO: Navigation vers la page de chat
+      // Navigator.push(
+      //   context,
+      //   MaterialPageRoute(
+      //     builder: (context) => GroupChatPage(group: group),
+      //   ),
+      // );
+      
+    } catch (e) {
+      print('ERREUR openGroupChat: $e');
+    }
   }
 }

lib/components/home/home_content.dart

@@ -245,7 +245,6 @@ class _HomeContentState extends State<HomeContent> {
     final color = colors[trip.title.hashCode.abs() % colors.length];
     
     final isDarkMode = Theme.of(context).brightness == Brightness.dark;
-    final textColor = isDarkMode ? Colors.white : Colors.black;
     final secondaryTextColor = isDarkMode ? Colors.white70 : Colors.grey[700];
     final iconColor = isDarkMode ? Colors.white70 : Colors.grey[600];