refactoring

2024-11-02 15:27:26 +00:00
parent 8e625c1080
commit 9cf96b7acf
44 changed files with 2281 additions and 354 deletions
--- a/lib/presentation/widgets/friend_detail_screen.dart
+++ b/lib/presentation/widgets/friend_detail_screen.dart
@@ -0,0 +1,105 @@
+import 'package:flutter/material.dart';
+import 'package:logger/logger.dart';
+
+/// [FriendDetailScreen] affiche les détails d'un ami, incluant son nom, son image de profil,
+/// et une option pour envoyer un message.
+///
+/// Utilisé lorsque l'utilisateur clique sur un ami pour voir plus de détails.
+class FriendDetailScreen extends StatelessWidget {
+  final String name; // Nom de l'ami
+  final String imageUrl; // URL de l'image de profil de l'ami
+  final String friendId; // ID de l'ami pour des actions futures
+  final Logger _logger = Logger(); // Logger pour suivre les actions dans le terminal
+
+  /// Constructeur de la classe [FriendDetailScreen].
+  /// [name], [imageUrl], et [friendId] doivent être fournis.
+  FriendDetailScreen({
+    Key? key,
+    required this.name,
+    required this.imageUrl,
+    required this.friendId,
+  }) : super(key: key);
+
+  /// Méthode statique pour lancer l'écran des détails d'un ami.
+  static void open(BuildContext context, String friendId, String name, String imageUrl) {
+    Navigator.push(
+      context,
+      MaterialPageRoute(
+        builder: (_) => FriendDetailScreen(
+          friendId: friendId,
+          name: name,
+          imageUrl: imageUrl,
+        ),
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    _logger.i('[LOG] Affichage des détails de l\'ami : $name (ID: $friendId)');
+
+    // Utilise `AssetImage` si `imageUrl` est vide ou ne contient pas d'URL valide.
+    final imageProvider = imageUrl.isNotEmpty && Uri.tryParse(imageUrl)?.hasAbsolutePath == true
+        ? NetworkImage(imageUrl)
+        : const AssetImage('lib/assets/images/default_avatar.png') as ImageProvider;
+
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(name), // Titre de l'écran affichant le nom de l'ami
+        backgroundColor: Colors.grey.shade800,
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(16.0), // Espacement autour du contenu
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            // Affichage de l'image de l'ami avec animation `Hero`
+            Hero(
+              tag: friendId, // Tag unique pour l'animation Hero basée sur l'ID de l'ami
+              child: CircleAvatar(
+                radius: 50,
+                backgroundImage: imageProvider,
+                backgroundColor: Colors.grey.shade800,
+                onBackgroundImageError: (error, stackTrace) {
+                  _logger.e('[ERROR] Erreur lors du chargement de l\'image pour $name (ID: $friendId): $error');
+                },
+                child: imageUrl.isEmpty
+                    ? const Icon(Icons.person, size: 50, color: Colors.white) // Icône par défaut si aucune image n'est disponible
+                    : null,
+              ),
+            ),
+            const SizedBox(height: 16), // Espacement entre l'image et le texte
+
+            // Affichage du nom de l'ami
+            Text(
+              name,
+              style: const TextStyle(
+                fontSize: 24, // Taille de la police pour le nom
+                fontWeight: FontWeight.bold, // Texte en gras
+                color: Colors.white,
+              ),
+            ),
+            const SizedBox(height: 20), // Espacement avant le bouton
+
+            // Bouton pour envoyer un message à l'ami
+            ElevatedButton.icon(
+              onPressed: () {
+                _logger.i('[LOG] Envoi d\'un message à $name (ID: $friendId)');
+                // Logique future pour envoyer un message à l'ami
+              },
+              icon: const Icon(Icons.message),
+              label: const Text('Envoyer un message'),
+              style: ElevatedButton.styleFrom(
+                backgroundColor: Colors.teal, // Couleur de fond du bouton
+                foregroundColor: Colors.white, // Couleur du texte et de l'icône
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(20),
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}