Refactoring

lib/presentation/screens/event/event_card.dart

@@ -2,27 +2,53 @@ import 'package:flutter/material.dart';
 import 'package:afterwork/data/datasources/event_remote_data_source.dart';
 
 /// Widget pour afficher une carte d'événement.
+/// Cette classe est utilisée pour afficher les détails d'un événement,
+/// incluant son titre, sa description, son image, et des actions possibles
+/// telles que réagir, commenter, partager, participer, et fermer l'événement.
 class EventCard extends StatelessWidget {
+  // Identifiant unique de l'événement
   final String eventId;
+  // Source de données distante pour les opérations sur l'événement
   final EventRemoteDataSource eventRemoteDataSource;
+  // Identifiant de l'utilisateur
   final String userId;
+  // Nom de l'utilisateur
   final String userName;
+  // Prénom de l'utilisateur
   final String userLastName;
+  // URL de l'image de profil de l'utilisateur
   final String profileImage;
+  // Nom complet de l'utilisateur (nom + prénom)
   final String name;
+  // Date de publication de l'événement
   final String datePosted;
+  // Titre de l'événement
   final String eventTitle;
+  // Description de l'événement
   final String eventDescription;
+  // URL de l'image de l'événement
   final String eventImageUrl;
-  final String eventStatus; // Ajout du statut de l'événement
+  // Statut de l'événement (e.g., "OPEN", "CLOSED")
+  final String eventStatus;
+  // Catégorie de l'événement
+  final String eventCategory;
+  // Nombre de réactions à l'événement
   final int reactionsCount;
+  // Nombre de commentaires sur l'événement
   final int commentsCount;
+  // Nombre de partages de l'événement
   final int sharesCount;
+  // Callback pour l'action "Réagir"
   final VoidCallback onReact;
+  // Callback pour l'action "Commenter"
   final VoidCallback onComment;
+  // Callback pour l'action "Partager"
   final VoidCallback onShare;
+  // Callback pour l'action "Participer"
   final VoidCallback onParticipate;
+  // Callback pour afficher plus d'options
   final VoidCallback onMoreOptions;
+  // Callback pour fermer l'événement
   final VoidCallback onCloseEvent;
 
   const EventCard({
@@ -38,7 +64,8 @@ class EventCard extends StatelessWidget {
     required this.eventTitle,
     required this.eventDescription,
     required this.eventImageUrl,
-    required this.eventStatus, // Initialisation du statut de l'événement
+    required this.eventStatus,
+    required this.eventCategory,
     required this.reactionsCount,
     required this.commentsCount,
     required this.sharesCount,
@@ -52,13 +79,20 @@ class EventCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    // Log du rendu de la carte d'événement
+    print('Rendu de l\'EventCard pour l\'événement $eventId avec statut $eventStatus');
+
     return AnimatedOpacity(
       opacity: 1.0,
       duration: const Duration(milliseconds: 300),
       child: Dismissible(
         key: ValueKey(eventId),
         direction: DismissDirection.startToEnd,
-        onDismissed: (direction) => onCloseEvent(),
+        onDismissed: (direction) {
+          // Log du déclenchement de la fermeture de l'événement
+          print('Tentative de fermeture de l\'événement $eventId');
+          onCloseEvent();
+        },
         background: Container(
           color: Colors.red,
           alignment: Alignment.centerLeft,
@@ -80,13 +114,15 @@ class EventCard extends StatelessWidget {
                   children: [
                     _buildHeader(context),
                     const SizedBox(height: 10),
+                    _buildEventCategory(), // Affichage de la catégorie de l'événement
+                    const SizedBox(height: 5),
                     _buildEventDetails(),
                     const SizedBox(height: 10),
                     _buildEventImage(),
                     const SizedBox(height: 10),
                     Divider(color: Colors.white.withOpacity(0.2)),
                     _buildInteractionRow(),
-                    const SizedBox(height: 10),
+                    const SizedBox(height: 5),
                     _buildParticipateButton(),
                   ],
                 ),
@@ -99,7 +135,12 @@ class EventCard extends StatelessWidget {
   }
 
   /// Construire l'en-tête de la carte avec les informations de l'utilisateur.
+  /// Cette méthode affiche l'image de profil, le nom de l'utilisateur, la date
+  /// de publication de l'événement, et le statut de l'événement.
   Widget _buildHeader(BuildContext context) {
+    // Log du rendu de l'en-tête de la carte
+    print('Rendu de l\'en-tête pour l\'événement $eventId');
+
     return Row(
       children: [
         CircleAvatar(
@@ -134,19 +175,48 @@ class EventCard extends StatelessWidget {
         ),
         IconButton(
           icon: const Icon(Icons.more_vert, color: Colors.white),
-          onPressed: onMoreOptions,
+          onPressed: () {
+            // Log du déclenchement du bouton "Plus d'options"
+            print('Plus d\'options déclenché pour l\'événement $eventId');
+            onMoreOptions();
+          },
         ),
         if (eventStatus != 'CLOSED') // Masquer le bouton de fermeture si l'événement est fermé
           IconButton(
             icon: const Icon(Icons.close, color: Colors.white),
-            onPressed: onCloseEvent,
+            onPressed: () {
+              // Log du déclenchement du bouton de fermeture de l'événement
+              print('Tentative de fermeture de l\'événement $eventId');
+              onCloseEvent();
+            },
           ),
       ],
     );
   }
 
+  /// Afficher la catégorie de l'événement au-dessus du titre.
+  /// Cette méthode affiche la catégorie en italique pour distinguer le type d'événement.
+  Widget _buildEventCategory() {
+    // Log du rendu de la catégorie de l'événement
+    print('Affichage de la catégorie pour l\'événement $eventId: $eventCategory');
+
+    return Text(
+      eventCategory,
+      style: const TextStyle(
+        color: Colors.blueAccent,
+        fontSize: 14,
+        fontStyle: FontStyle.italic, // Style en italique
+        fontWeight: FontWeight.w400, // Titre fin
+      ),
+    );
+  }
+
   /// Afficher les détails de l'événement.
+  /// Cette méthode affiche le titre et la description de l'événement.
   Widget _buildEventDetails() {
+    // Log du rendu des détails de l'événement
+    print('Affichage des détails pour l\'événement $eventId');
+
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
@@ -168,7 +238,11 @@ class EventCard extends StatelessWidget {
   }
 
   /// Afficher l'image de l'événement.
+  /// Cette méthode affiche l'image associée à l'événement.
   Widget _buildEventImage() {
+    // Log du rendu de l'image de l'événement
+    print('Affichage de l\'image pour l\'événement $eventId');
+
     return ClipRRect(
       borderRadius: BorderRadius.circular(10.0),
       child: Image.network(
@@ -177,7 +251,8 @@ class EventCard extends StatelessWidget {
         width: double.infinity,
         fit: BoxFit.cover,
         errorBuilder: (context, error, stackTrace) {
-          print('Erreur de chargement de l\'image: $error');
+          // Log de l'erreur lors du chargement de l'image
+          print('Erreur de chargement de l\'image pour l\'événement $eventId: $error');
           return Image.asset(
             'lib/assets/images/placeholder.png',
             height: 180,
@@ -190,29 +265,51 @@ class EventCard extends StatelessWidget {
   }
 
   /// Afficher les icônes d'interaction (réagir, commenter, partager).
+  /// Cette méthode affiche les boutons pour réagir, commenter, et partager l'événement.
   Widget _buildInteractionRow() {
+    // Log du rendu de la ligne d'interaction de l'événement
+    print('Affichage des interactions pour l\'événement $eventId');
+
     return Padding(
-      padding: const EdgeInsets.symmetric(vertical: 8.0),
+      padding: const EdgeInsets.symmetric(horizontal: 0.0), // Réduire le padding vertical
       child: Row(
-        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        mainAxisAlignment: MainAxisAlignment.spaceAround, // Utiliser spaceAround pour réduire l'espace
         children: [
-          _buildIconButton(
-            icon: Icons.thumb_up_alt_outlined,
-            label: 'Réagir',
-            count: reactionsCount,
-            onPressed: onReact,
+          Flexible(
+            child: _buildIconButton(
+              icon: Icons.thumb_up_alt_outlined,
+              label: 'Réagir',
+              count: reactionsCount,
+              onPressed: () {
+                // Log de l'action "Réagir"
+                print('Réaction à l\'événement $eventId');
+                onReact();
+              },
+            ),
           ),
-          _buildIconButton(
-            icon: Icons.comment_outlined,
-            label: 'Commenter',
-            count: commentsCount,
-            onPressed: onComment,
+          Flexible(
+            child: _buildIconButton(
+              icon: Icons.comment_outlined,
+              label: 'Commenter',
+              count: commentsCount,
+              onPressed: () {
+                // Log de l'action "Commenter"
+                print('Commentaire sur l\'événement $eventId');
+                onComment();
+              },
+            ),
           ),
-          _buildIconButton(
-            icon: Icons.share_outlined,
-            label: 'Partager',
-            count: sharesCount,
-            onPressed: onShare,
+          Flexible(
+            child: _buildIconButton(
+              icon: Icons.share_outlined,
+              label: 'Partager',
+              count: sharesCount,
+              onPressed: () {
+                // Log de l'action "Partager"
+                print('Partage de l\'événement $eventId');
+                onShare();
+              },
+            ),
           ),
         ],
       ),
@@ -220,12 +317,16 @@ class EventCard extends StatelessWidget {
   }
 
   /// Bouton d'interaction personnalisé.
+  /// Cette méthode construit un bouton avec une icône et un label pour l'interaction.
   Widget _buildIconButton({
     required IconData icon,
     required String label,
     required int count,
     required VoidCallback onPressed,
   }) {
+    // Log de la construction du bouton d'interaction
+    print('Construction du bouton $label pour l\'événement $eventId');
+
     return Expanded(
       child: TextButton.icon(
         onPressed: onPressed,
@@ -233,13 +334,19 @@ class EventCard extends StatelessWidget {
         label: Text(
           '$label ($count)',
           style: const TextStyle(color: Colors.white70, fontSize: 12),
+          overflow: TextOverflow.ellipsis,
         ),
       ),
     );
   }
 
   /// Bouton pour participer à l'événement.
+  /// Cette méthode construit un bouton qui permet de participer à l'événement.
+  /// Si l'événement est fermé, le bouton est désactivé.
   Widget _buildParticipateButton() {
+    // Log de la construction du bouton "Participer"
+    print('Construction du bouton "Participer" pour l\'événement $eventId avec statut $eventStatus');
+
     return ElevatedButton(
       onPressed: eventStatus == 'CLOSED' ? null : onParticipate, // Désactiver si l'événement est fermé
       style: ElevatedButton.styleFrom(
@@ -258,7 +365,11 @@ class EventCard extends StatelessWidget {
   }
 
   /// Construire un badge pour afficher le statut de l'événement.
+  /// Cette méthode affiche un badge avec le statut de l'événement ("OPEN" ou "CLOSED").
   Widget _buildStatusBadge() {
+    // Log de la construction du badge de statut
+    print('Construction du badge de statut pour l\'événement $eventId: $eventStatus');
+
     Color badgeColor;
     switch (eventStatus) {
       case 'CLOSED':