add likes

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

@@ -3,6 +3,7 @@ import 'package:dismissible_page/dismissible_page.dart';
 import 'package:eatvio_app/core/app_export.dart';
 import 'package:eatvio_app/features/chat/presentation/pages/photo_view_screen.dart';
 import 'package:eatvio_app/features/feed/models/feed_blog_post_model.dart';
+import 'package:eatvio_app/features/feed/presentation/bloc/feed_cubit/feed_cubit.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_html/flutter_html.dart';
 import 'package:go_router/go_router.dart';
@@ -18,6 +19,16 @@ class BlogPostWidget extends StatefulWidget {
 }
 
 class _BlogPostWidgetState extends State<BlogPostWidget> {
+  late bool isLiked;
+  late int totalLikes;
+
+  @override
+  void initState() {
+    isLiked = widget.feedBlogPostModel.wasLikedByMe;
+    totalLikes = widget.feedBlogPostModel.totalLikes;
+    super.initState();
+  }
+
   @override
   Widget build(BuildContext context) {
     return InkWell(
@@ -106,7 +117,23 @@ class _BlogPostWidgetState extends State<BlogPostWidget> {
               padding: const EdgeInsets.symmetric(horizontal: 12),
               child: Row(
                 children: [
-                  _iconButton(icon: Icons.favorite_border_rounded, text: widget.feedBlogPostModel.totalLikes.toString()),
+                  _iconButton(
+                    icon: Icons.favorite_border_rounded,
+                    text: totalLikes.toString(),
+                    iconColor: isLiked ? Colors.red.withOpacity(0.8) : null,
+                    backgroundColor: isLiked ? Colors.red.withOpacity(0.1) : null,
+                    textColor: isLiked ? Colors.red.withOpacity(0.8) : null,
+                    onTap: () async {
+                      setState(() {
+                        isLiked = !isLiked;
+                        isLiked ? totalLikes++ : totalLikes--;
+                      });
+                      isLiked
+                          ? await context.read<FeedCubit>().likePost(widget.feedBlogPostModel.id)
+                          : await context.read<FeedCubit>().unlikedPost(widget.feedBlogPostModel.id);
+                      await context.read<FeedCubit>().loadFeedBlogPostList();
+                    },
+                  ),
                   SizedBox(width: 8),
                   _iconButton(
                     icon: Icons.mode_comment_outlined,
@@ -150,14 +177,14 @@ class _BlogPostWidgetState extends State<BlogPostWidget> {
     );
   }
 
-  _iconButton({required IconData icon, String? text, Function()? onTap}) {
+  _iconButton({required IconData icon, String? text, Function()? onTap, Color? iconColor, Color? backgroundColor, Color? textColor}) {
     return InkWell(
       onTap: onTap ?? () {},
       borderRadius: BorderRadius.circular(16),
       child: Ink(
         padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
         decoration: BoxDecoration(
-          color: appTheme.gray100,
+          color: backgroundColor ?? appTheme.gray100,
           borderRadius: BorderRadius.circular(16),
         ),
         height: 32,
@@ -167,14 +194,14 @@ class _BlogPostWidgetState extends State<BlogPostWidget> {
             Icon(
               icon,
               size: 20,
-              color: appTheme.gray600,
+              color: iconColor ?? appTheme.gray600,
             ),
             if (text != null) SizedBox(width: 8),
             if (text != null)
               Text(
                 text,
                 style: TextStyle(
-                  color: appTheme.gray600,
+                  color: textColor ?? appTheme.gray600,
                   fontWeight: FontWeight.w500,
                 ),
               ),