msglist: Add star marker in messages

Author: sirpengi

lib/widgets/message_list.dart

@@ -849,6 +849,8 @@ class MessageWithPossibleSender extends StatelessWidget {
 
   final MessageListMessageItem item;
 
+  static final _starColor = const HSLColor.fromAHSL(0.5, 47, 1, 0.41).toColor();
+
   @override
   Widget build(BuildContext context) {
     final message = item.message;
@@ -911,7 +913,14 @@ class MessageWithPossibleSender extends StatelessWidget {
                   if ((message.reactions?.total ?? 0) > 0)
                     ReactionChipsList(messageId: message.id, reactions: message.reactions!)
                 ])),
-            const SizedBox(width: 16),
+            SizedBox(width: 16,
+              child: message.flags.contains(MessageFlag.starred)
+                // TODO(#157): fix how star marker aligns with message content
+                // Design from Figma at:
+                //   https://www.figma.com/file/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=813%3A28817&mode=dev .
+                ? Padding(padding: const EdgeInsets.only(top: 4),
+                    child: Icon(ZulipIcons.star_filled, size: 16, color: _starColor))
+                : null),
           ]),
         ])));
   }

test/widgets/message_list_test.dart

@@ -455,6 +455,20 @@ void main() {
     });
   });
 
+  group('Starred messages', () {
+    testWidgets('unstarred message', (WidgetTester tester) async {
+      final message = eg.streamMessage(flags: []);
+      await setupMessageListPage(tester, messages: [message]);
+      check(find.byIcon(ZulipIcons.star_filled).evaluate()).isEmpty();
+    });
+
+    testWidgets('starred message', (WidgetTester tester) async {
+      final message = eg.streamMessage(flags: [MessageFlag.starred]);
+      await setupMessageListPage(tester, messages: [message]);
+      check(find.byIcon(ZulipIcons.star_filled).evaluate()).length.equals(1);
+    });
+  });
+
   group('_UnreadMarker animations', () {
     // TODO: Improve animation state testing so it is less tied to
     //   implementation details and more focused on output, see: