feat(feed): Comment and author info display

lib/presentation/feed/blog_post_screen/widgets/comment_widget.dart

@@ -0,0 +1,107 @@
+// ignore_for_file: must_be_immutable
+
+import 'package:flutter/material.dart';
+import 'package:flutter_dotenv/flutter_dotenv.dart';
+import 'package:eatvio_app/core/app_export.dart';
+import 'package:eatvio_app/presentation/feed/blog_post_screen/models/comment_model.dart';
+import 'package:cached_network_image/cached_network_image.dart';
+
+class CommentWidget extends StatelessWidget {
+  CommentWidget(this.commentModelObj, {Key? key})
+      : super(
+          key: key,
+        );
+
+  CommentModel commentModelObj;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: EdgeInsets.only(
+        left: 16.h,
+        right: 20.h,
+        bottom: 10.h,
+      ),
+      padding: EdgeInsets.all(12.h),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: const BorderRadius.all(Radius.circular(12)),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.grey.withOpacity(0.5),
+            spreadRadius: 2,
+            blurRadius: 5,
+            offset: Offset(0, 3),
+          ),
+        ],
+      ),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment
+            .spaceBetween, // Move the main axis alignment to space between
+        crossAxisAlignment:
+            CrossAxisAlignment.center, // Center the items vertically
+        children: [
+          CachedNetworkImage(
+            imageUrl: dotenv.env['STORAGE_URL']! + commentModelObj.userImage!,
+            imageBuilder: (context, imageProvider) => CircleAvatar(
+              backgroundImage: imageProvider,
+              radius: 25,
+            ),
+            placeholder: (context, url) => CircularProgressIndicator(),
+            errorWidget: (context, url, error) => CircleAvatar(
+              child: Icon(Icons.person),
+              backgroundColor: Colors.white,
+              radius: 25,
+            ),
+          ),
+          Expanded(
+            child: Padding(
+              padding: EdgeInsets.only(
+                left: 12.h,
+                top: 2.v,
+                bottom: 11.v,
+              ),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  SizedBox(
+                    width: 227.h,
+                    child: Row(
+                      children: [
+                        Text(
+                          commentModelObj.username!.length <= 15
+                              ? commentModelObj.username!
+                              : commentModelObj.username!.substring(0, 15) +
+                                  '...',
+                          style: theme.textTheme.titleMedium,
+                        ),
+                        Spacer(),
+                        Padding(
+                          padding: EdgeInsets.only(left: 6.h),
+                          child: Text(
+                            commentModelObj.dateText!,
+                            style: theme.textTheme.bodyMedium,
+                          ),
+                        )
+                      ],
+                    ),
+                  ),
+                  SizedBox(height: 6.v),
+                  Text(
+                    commentModelObj.greetingText!,
+                    style: CustomTextStyles.bodyMediumBluegray800,
+                  ),
+                ],
+              ),
+            ),
+          ),
+          CustomImageView(
+              imagePath: ImageConstant.imgSend,
+              height: 40.v,
+              width: 40.h,
+              margin: EdgeInsets.only(left: 5)),
+        ],
+      ),
+    );
+  }
+}