reactions: Add sheet to view who reacted to a message

Fixes zulip#740
chimnayajith · Jan 16, 2025 · 3667ec4 · 3667ec4
1 parent 7c53913
commit 3667ec4
Show file tree

Hide file tree

Showing 13 changed files with 362 additions and 3 deletions.
diff --git a/assets/icons/reactions.svg b/assets/icons/reactions.svg
diff --git a/assets/l10n/app_en.arb b/assets/l10n/app_en.arb
@@ -104,6 +104,10 @@
   "@actionSheetOptionShare":  {
     "description": "Label for share button on action sheet."
   },
+  "actionSheetOptionViewReactions": "View Reactions",
+  "@actionSheetOptionViewReactions":  {
+    "description": "Label for View Reactions button on action sheet."
+  },
   "actionSheetOptionQuoteAndReply": "Quote and reply",
   "@actionSheetOptionQuoteAndReply":  {
     "description": "Label for Quote and reply button on action sheet."

diff --git a/lib/generated/l10n/zulip_localizations.dart b/lib/generated/l10n/zulip_localizations.dart
@@ -261,6 +261,12 @@ abstract class ZulipLocalizations {
   /// **'Share'**
   String get actionSheetOptionShare;
 
+  /// Label for View Reactions button on action sheet.
+  ///
+  /// In en, this message translates to:
+  /// **'View Reactions'**
+  String get actionSheetOptionViewReactions;
+
   /// Label for Quote and reply button on action sheet.
   ///
   /// In en, this message translates to:

diff --git a/lib/generated/l10n/zulip_localizations_ar.dart b/lib/generated/l10n/zulip_localizations_ar.dart
@@ -88,6 +88,9 @@ class ZulipLocalizationsAr extends ZulipLocalizations {
   @override
   String get actionSheetOptionShare => 'Share';
 
+  @override
+  String get actionSheetOptionViewReactions => 'View Reactions';
+
   @override
   String get actionSheetOptionQuoteAndReply => 'Quote and reply';
 

diff --git a/lib/generated/l10n/zulip_localizations_en.dart b/lib/generated/l10n/zulip_localizations_en.dart
@@ -88,6 +88,9 @@ class ZulipLocalizationsEn extends ZulipLocalizations {
   @override
   String get actionSheetOptionShare => 'Share';
 
+  @override
+  String get actionSheetOptionViewReactions => 'View Reactions';
+
   @override
   String get actionSheetOptionQuoteAndReply => 'Quote and reply';
 

diff --git a/lib/generated/l10n/zulip_localizations_ja.dart b/lib/generated/l10n/zulip_localizations_ja.dart
@@ -88,6 +88,9 @@ class ZulipLocalizationsJa extends ZulipLocalizations {
   @override
   String get actionSheetOptionShare => 'Share';
 
+  @override
+  String get actionSheetOptionViewReactions => 'View Reactions';
+
   @override
   String get actionSheetOptionQuoteAndReply => 'Quote and reply';
 

diff --git a/lib/generated/l10n/zulip_localizations_nb.dart b/lib/generated/l10n/zulip_localizations_nb.dart
@@ -88,6 +88,9 @@ class ZulipLocalizationsNb extends ZulipLocalizations {
   @override
   String get actionSheetOptionShare => 'Share';
 
+  @override
+  String get actionSheetOptionViewReactions => 'View Reactions';
+
   @override
   String get actionSheetOptionQuoteAndReply => 'Quote and reply';
 

diff --git a/lib/generated/l10n/zulip_localizations_pl.dart b/lib/generated/l10n/zulip_localizations_pl.dart
@@ -88,6 +88,9 @@ class ZulipLocalizationsPl extends ZulipLocalizations {
   @override
   String get actionSheetOptionShare => 'Udostępnij';
 
+  @override
+  String get actionSheetOptionViewReactions => 'View Reactions';
+
   @override
   String get actionSheetOptionQuoteAndReply => 'Odpowiedz cytując';
 

diff --git a/lib/generated/l10n/zulip_localizations_ru.dart b/lib/generated/l10n/zulip_localizations_ru.dart
@@ -88,6 +88,9 @@ class ZulipLocalizationsRu extends ZulipLocalizations {
   @override
   String get actionSheetOptionShare => 'Поделиться';
 
+  @override
+  String get actionSheetOptionViewReactions => 'View Reactions';
+
   @override
   String get actionSheetOptionQuoteAndReply => 'Ответить с цитированием';
 

diff --git a/lib/generated/l10n/zulip_localizations_sk.dart b/lib/generated/l10n/zulip_localizations_sk.dart
@@ -88,6 +88,9 @@ class ZulipLocalizationsSk extends ZulipLocalizations {
   @override
   String get actionSheetOptionShare => 'Zdielať';
 
+  @override
+  String get actionSheetOptionViewReactions => 'View Reactions';
+
   @override
   String get actionSheetOptionQuoteAndReply => 'Citovať a odpovedať';
 

diff --git a/lib/widgets/action_sheet.dart b/lib/widgets/action_sheet.dart
@@ -378,6 +378,8 @@ void showMessageActionSheet({required BuildContext context, required Message mes
 
   final optionButtons = [
     ReactionButtons(message: message, pageContext: context),
+    if((message.reactions?.total ?? 0) > 0)
+      ViewReactionsButton(message: message, pageContext: context),
     StarButton(message: message, pageContext: context),
     if (isComposeBoxOffered)
       QuoteAndReplyButton(message: message, pageContext: context),
@@ -678,6 +680,24 @@ class QuoteAndReplyButton extends MessageActionSheetMenuItemButton {
   }
 }
 
+class ViewReactionsButton extends MessageActionSheetMenuItemButton {
+  ViewReactionsButton({super.key, required super.message, required super.pageContext});
+
+  @override IconData get icon => ZulipIcons.reactions;
+
+  @override
+  String label(ZulipLocalizations zulipLocalizations) {
+    return zulipLocalizations.actionSheetOptionViewReactions;
+  }
+
+  @override void onPressed() async {
+    showReactionListSheet(
+      pageContext,
+      reactionList: message.reactions?.aggregated,
+    );
+  }
+}
+
 class MarkAsUnreadButton extends MessageActionSheetMenuItemButton {
   MarkAsUnreadButton({super.key, required super.message, required super.pageContext});