feat : Widget commentaire

lib/ui/common/comment_card_widget.dart

@@ -0,0 +1,161 @@
+import 'package:flutter/material.dart';
+
+class CommentCardWidget extends StatelessWidget {
+  final String comment;
+  final String authorName;
+  final String authorImageUrl;
+  final DateTime publishDate;
+  final int likesCount;
+  final int otherRepliesCount;
+  final bool isLiked;
+  final VoidCallback? onLike;
+  final VoidCallback? onReply;
+  final VoidCallback? onViewOtherReplies;
+
+  const CommentCardWidget({
+    super.key,
+    required this.comment,
+    required this.authorName,
+    required this.authorImageUrl,
+    required this.publishDate,
+    this.likesCount = 0,
+    this.otherRepliesCount = 0,
+    this.isLiked = false,
+    this.onLike,
+    this.onReply,
+    this.onViewOtherReplies,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 12.0),
+      child: Row(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          CircleAvatar(
+            radius: 18,
+            backgroundImage:
+                authorImageUrl.isNotEmpty ? NetworkImage(authorImageUrl) : null,
+            onBackgroundImageError: (_, __) {},
+            child: authorImageUrl.isEmpty
+                ? const Icon(Icons.person, size: 18)
+                : null,
+          ),
+          const SizedBox(width: 10),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Row(
+                  children: [
+                    Flexible(
+                      child: Text(
+                        _firstName(authorName),
+                        overflow: TextOverflow.ellipsis,
+                        style:
+                            Theme.of(context).textTheme.titleMedium?.copyWith(
+                                  fontWeight: FontWeight.w600,
+                                  color: Colors.white,
+                                ),
+                      ),
+                    ),
+                    const SizedBox(width: 8),
+                    Text(
+                      _formatDate(publishDate),
+                      style: Theme.of(context).textTheme.bodySmall?.copyWith(
+                            color: Colors.grey,
+                          ),
+                    ),
+                  ],
+                ),
+                const SizedBox(height: 6),
+                Text(
+                  comment,
+                  style: Theme.of(context).textTheme.bodyMedium?.copyWith(
+                        color: Colors.white,
+                        height: 1.35,
+                      ),
+                ),
+                const SizedBox(height: 6),
+                Row(
+                  children: [
+                    TextButton.icon(
+                      onPressed: onLike,
+                      style: TextButton.styleFrom(
+                        padding: const EdgeInsets.symmetric(horizontal: 8),
+                        minimumSize: const Size(0, 32),
+                        tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+                      ),
+                      icon: Icon(
+                        isLiked ? Icons.favorite : Icons.favorite_outline,
+                        size: 18,
+                        color: isLiked ? Colors.redAccent : Colors.grey,
+                      ),
+                      label: Text(
+                        likesCount > 0 ? '$likesCount' : 'Like',
+                        style: const TextStyle(color: Colors.grey),
+                      ),
+                    ),
+                    const SizedBox(width: 4),
+                    TextButton(
+                      onPressed: onReply,
+                      style: TextButton.styleFrom(
+                        padding: const EdgeInsets.symmetric(horizontal: 8),
+                        minimumSize: const Size(0, 32),
+                        tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+                      ),
+                      child: const Text(
+                        'Répondre',
+                        style: TextStyle(color: Colors.grey),
+                      ),
+                    ),
+                  ],
+                ),
+                if (otherRepliesCount > 0)
+                  TextButton(
+                    onPressed: onViewOtherReplies,
+                    style: TextButton.styleFrom(
+                      padding: EdgeInsets.zero,
+                      minimumSize: const Size(0, 28),
+                      tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+                    ),
+                    child: Text(
+                      'Voir $otherRepliesCount autres réponses',
+                      style: Theme.of(context).textTheme.bodySmall?.copyWith(
+                            color: Colors.blueGrey[200],
+                            fontWeight: FontWeight.w600,
+                          ),
+                    ),
+                  ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  String _firstName(String fullName) {
+    final trimmed = fullName.trim();
+    if (trimmed.isEmpty) return '';
+    return trimmed.split(RegExp(r'\s+')).first;
+  }
+
+  String _formatDate(DateTime date) {
+    final now = DateTime.now();
+    final difference = now.difference(date);
+
+    if (difference.inDays > 7) {
+      return '${date.day}/${date.month}/${date.year}';
+    } else if (difference.inDays > 0) {
+      return '${difference.inDays} jour${difference.inDays > 1 ? 's' : ''}';
+    } else if (difference.inHours > 0) {
+      return '${difference.inHours}h';
+    } else if (difference.inMinutes > 0) {
+      return '${difference.inMinutes}min';
+    } else {
+      return 'À l\'instant';
+    }
+  }
+}