refactor: scroll

lib/features/feed/presentation/widgets/comments_widget.dart

@@ -0,0 +1,119 @@
+import 'package:eatvio_app/core/app_export.dart';
+import 'package:eatvio_app/features/feed/models/comment_model.dart';
+import 'package:eatvio_app/features/feed/presentation/bloc/comments_cubit/comments_cubit.dart';
+import 'package:flutter/material.dart';
+
+enum CommentSourceType { blogPost, recipe, diet }
+
+class CommentsWidget extends StatefulWidget {
+  final String id;
+  final CommentSourceType commentSourceType;
+  final CommentModel comment;
+  final int? replyId;
+
+  const CommentsWidget({
+    super.key,
+    required this.id,
+    required this.commentSourceType,
+    required this.comment,
+    this.replyId,
+  });
+
+  @override
+  State<CommentsWidget> createState() => _CommentsWidgetState();
+}
+
+class _CommentsWidgetState extends State<CommentsWidget> {
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        for (int i = 0; i < widget.comment.data.length; i++) ...[
+          _comment(widget.comment.data[i]),
+          if (widget.comment.data[i].childrenComments.isNotEmpty) SizedBox(height: 8),
+          for (int j = 0; j < widget.comment.data[i].childrenComments.length; j++)
+            Padding(
+              padding: EdgeInsets.only(left: 40),
+              child: _comment(widget.comment.data[i].childrenComments[j], 12, true),
+            ),
+          SizedBox(height: 8),
+        ],
+      ],
+    );
+  }
+
+  _comment(Comment comment, [double radius = 16, bool isChild = false]) {
+    return Container(
+      width: MediaQuery.of(context).size.width,
+      decoration: BoxDecoration(
+        color: widget.replyId == comment.id ? appTheme.blueA400.withOpacity(0.1) : Colors.white,
+        borderRadius: BorderRadius.circular(16),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 16),
+        child: Row(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            CircleAvatar(
+              foregroundImage: NetworkImage(comment.authorProfileIcon),
+              radius: radius,
+            ),
+            SizedBox(width: 8),
+            Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              mainAxisAlignment: MainAxisAlignment.start,
+              children: [
+                Text(
+                  comment.authorName,
+                  style: TextStyle(
+                    height: 1,
+                    color: Colors.grey.shade600,
+                    fontWeight: FontWeight.w500,
+                  ),
+                ),
+                SizedBox(width: 4),
+                Text(
+                  comment.body,
+                  style: TextStyle(
+                    height: 1,
+                    color: Colors.black,
+                  ),
+                ),
+                SizedBox(height: 4),
+                Row(
+                  children: [
+                    Text(
+                      comment.createdAt.format('dd MMMM', 'ru'),
+                      style: TextStyle(
+                        color: Colors.grey.shade600,
+                        fontSize: 12,
+                        fontWeight: FontWeight.w400,
+                        height: 1,
+                      ),
+                    ),
+                    SizedBox(width: 16),
+                    if (!isChild)
+                      GestureDetector(
+                        onTap: () {
+                          context.read<CommentsCubit>().setReplyId(comment.id);
+                        },
+                        child: Text(
+                          'Ответить',
+                          style: TextStyle(
+                            height: 1,
+                            fontSize: 12,
+                            color: Colors.grey.shade800,
+                            fontWeight: FontWeight.w500,
+                          ),
+                        ),
+                      ),
+                  ],
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}