feat: option to delete reactions

packages/flutter_timeline/lib/src/models/timeline_configuration.dart

@@ -28,7 +28,11 @@ class TimelineUserStoryConfiguration {
   final Widget Function(BuildContext context, Widget filterBar, Widget child)?
       mainPageBuilder;
 
-  final Widget Function(BuildContext context, Widget child, TimelineCategory category)? postScreenBuilder;
+  final Widget Function(
+    BuildContext context,
+    Widget child,
+    TimelineCategory category,
+  )? postScreenBuilder;
 
   final Widget Function(BuildContext context, Widget child)?
       postCreationScreenBuilder;

packages/flutter_timeline_firebase/lib/src/service/firebase_timeline_service.dart

@@ -60,6 +60,30 @@ class FirebaseTimelineService with ChangeNotifier implements TimelineService {
     notifyListeners();
   }
 
+  @override
+  Future<TimelinePost> deletePostReaction(
+    TimelinePost post,
+    String reactionId,
+  ) async {
+    var updatedPost = post.copyWith(
+      reaction: post.reaction - 1,
+      reactions: (post.reactions ?? [])
+        ..removeWhere((element) => element.id == reactionId),
+    );
+    _posts = _posts
+        .map(
+          (p) => p.id == post.id ? updatedPost : p,
+        )
+        .toList();
+    var postRef = _db.collection(_options.timelineCollectionName).doc(post.id);
+    await postRef.update({
+      'reaction': FieldValue.increment(-1),
+      'reactions': FieldValue.arrayRemove([reactionId]),
+    });
+    notifyListeners();
+    return updatedPost;
+  }
+
   @override
   Future<TimelinePost> fetchPostDetails(TimelinePost post) async {
     var reactions = post.reactions ?? [];

packages/flutter_timeline_interface/lib/src/services/timeline_service.dart

@@ -10,6 +10,7 @@ import 'package:flutter_timeline_interface/src/model/timeline_reaction.dart';
 
 abstract class TimelineService with ChangeNotifier {
   Future<void> deletePost(TimelinePost post);
+  Future<TimelinePost> deletePostReaction(TimelinePost post, String reactionId);
   Future<TimelinePost> createPost(TimelinePost post);
   Future<List<TimelinePost>> fetchPosts(String? category);
   Future<TimelinePost> fetchPost(TimelinePost post);

packages/flutter_timeline_view/lib/src/config/timeline_translations.dart

@@ -20,6 +20,7 @@ class TimelineTranslations {
         'Indicate whether people are allowed to respond',
     this.checkPost = 'Check post overview',
     this.deletePost = 'Delete post',
+    this.deleteReaction = 'Delete Reaction',
     this.viewPost = 'View post',
     this.likesTitle = 'Likes',
     this.commentsTitle = 'Comments',
@@ -45,6 +46,7 @@ class TimelineTranslations {
   final String postAt;
 
   final String deletePost;
+  final String deleteReaction;
   final String viewPost;
   final String likesTitle;
   final String commentsTitle;

packages/flutter_timeline_view/lib/src/screens/timeline_post_screen.dart

@@ -312,7 +312,38 @@ class _TimelinePostScreenState extends State<TimelinePostScreen> {
                     for (var reaction
                         in post.reactions ?? <TimelinePostReaction>[]) ...[
                       const SizedBox(height: 16),
-                      Row(
+                      GestureDetector(
+                        onLongPress: () async {
+                          if (reaction.creatorId == widget.userId ||
+                              widget.options.allowAllDeletion) {
+                            // Show popup menu for deletion
+                            var value = await showMenu<String>(
+                              context: context,
+                              position: const RelativeRect.fromLTRB(
+                                100.0,
+                                200.0,
+                                100.0,
+                                100.0,
+                              ),
+                              items: [
+                                PopupMenuItem<String>(
+                                  value: 'delete',
+                                  child: Text(
+                                    widget.options.translations.deleteReaction,
+                                  ),
+                                ),
+                              ],
+                            );
+                            if (value == 'delete') {
+                              // Call service to delete reaction
+                              updatePost(
+                                await widget.service
+                                    .deletePostReaction(post, reaction.id),
+                              );
+                            }
+                          }
+                        },
+                        child: Row(
                           crossAxisAlignment: reaction.imageUrl != null
                               ? CrossAxisAlignment.start
                               : CrossAxisAlignment.center,
@@ -338,8 +369,8 @@ class _TimelinePostScreenState extends State<TimelinePostScreen> {
                                   children: [
                                     Text(
                                       reaction.creator?.fullName ??
-                                        widget
+                                          widget.options.translations
-                                            .options.translations.anonymousUser,
+                                              .anonymousUser,
                                       style: theme.textTheme.titleSmall,
                                     ),
                                     Padding(
@@ -357,7 +388,8 @@ class _TimelinePostScreenState extends State<TimelinePostScreen> {
                                 child: Text.rich(
                                   TextSpan(
                                     text: reaction.creator?.fullName ??
-                                      widget.options.translations.anonymousUser,
+                                        widget
+                                            .options.translations.anonymousUser,
                                     style: theme.textTheme.titleSmall,
                                     children: [
                                       const TextSpan(text: '  '),
@@ -373,6 +405,7 @@ class _TimelinePostScreenState extends State<TimelinePostScreen> {
                             ],
                           ],
                         ),
+                      ),
                     ],
                     if (post.reactions?.isEmpty ?? true) ...[
                       const SizedBox(height: 16),