✨ Message showing

lib/widgets/chat/content.dart

@@ -0,0 +1,28 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_markdown/flutter_markdown.dart';
+import 'package:solian/models/message.dart';
+import 'package:url_launcher/url_launcher_string.dart';
+
+class ChatMessageContent extends StatelessWidget {
+  final Message item;
+
+  const ChatMessageContent({super.key, required this.item});
+
+  @override
+  Widget build(BuildContext context) {
+    return Markdown(
+      selectable: true,
+      data: item.content,
+      shrinkWrap: true,
+      physics: const NeverScrollableScrollPhysics(),
+      padding: const EdgeInsets.all(0),
+      onTapLink: (text, href, title) async {
+        if (href == null) return;
+        await launchUrlString(
+          href,
+          mode: LaunchMode.externalApplication,
+        );
+      },
+    );
+  }
+}

lib/widgets/chat/message.dart

@@ -0,0 +1,73 @@
+import 'package:flutter/material.dart';
+import 'package:solian/models/message.dart';
+import 'package:solian/widgets/chat/content.dart';
+import 'package:solian/widgets/posts/content/attachment.dart';
+import 'package:timeago/timeago.dart' as timeago;
+
+class ChatMessage extends StatelessWidget {
+  final Message item;
+  final bool underMerged;
+
+  const ChatMessage({super.key, required this.item, required this.underMerged});
+
+  Widget renderAttachment() {
+    if (item.attachments != null && item.attachments!.isNotEmpty) {
+      return Padding(
+        padding: const EdgeInsets.symmetric(vertical: 6),
+        child: AttachmentList(items: item.attachments!, provider: 'messaging'),
+      );
+    } else {
+      return Container();
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final contentPart = Padding(
+      padding: const EdgeInsets.only(left: 12, right: 12, top: 2),
+      child: ChatMessageContent(item: item),
+    );
+
+    final userinfoPart = Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 12),
+      child: Row(
+        children: [
+          Text(
+            item.sender.account.nick,
+            style: const TextStyle(fontWeight: FontWeight.bold),
+          ),
+          const SizedBox(width: 4),
+          Text(timeago.format(item.createdAt))
+        ],
+      ),
+    );
+
+    if (underMerged) {
+      return Row(
+        children: [
+          const SizedBox(width: 40),
+          Expanded(child: contentPart),
+        ],
+      );
+    } else {
+      return Row(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          CircleAvatar(
+            backgroundImage: NetworkImage(item.sender.account.avatar),
+          ),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                userinfoPart,
+                contentPart,
+                renderAttachment(),
+              ],
+            ),
+          ),
+        ],
+      );
+    }
+  }
+}

lib/widgets/posts/content/attachment.dart

@@ -117,10 +117,11 @@ class _AttachmentItemState extends State<AttachmentItem> {
 
 class AttachmentList extends StatelessWidget {
   final List<Attachment> items;
+  final String provider;
 
-  const AttachmentList({super.key, required this.items});
+  const AttachmentList({super.key, required this.items, required this.provider});
 
-  Uri getFileUri(String fileId) => getRequestUri('interactive', '/api/attachments/o/$fileId');
+  Uri getFileUri(String fileId) => getRequestUri(provider, '/api/attachments/o/$fileId');
 
   @override
   Widget build(BuildContext context) {

lib/widgets/posts/item.dart

@@ -1,7 +1,4 @@
-import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter/painting.dart';
-import 'package:flutter/widgets.dart';
 import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
 import 'package:solian/models/post.dart';
 import 'package:solian/widgets/posts/comment_list.dart';
@@ -10,6 +7,7 @@ import 'package:solian/widgets/posts/content/attachment.dart';
 import 'package:solian/widgets/posts/content/moment.dart';
 import 'package:solian/widgets/posts/item_action.dart';
 import 'package:solian/widgets/posts/reaction_list.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:timeago/timeago.dart' as timeago;
 
 class PostItem extends StatefulWidget {
@@ -89,7 +87,7 @@ class _PostItemState extends State<PostItem> {
         widget.item.attachments!.isNotEmpty) {
       return Padding(
         padding: const EdgeInsets.only(top: 8),
-        child: AttachmentList(items: widget.item.attachments!),
+        child: AttachmentList(items: widget.item.attachments!, provider: 'interactive'),
       );
     } else {
       return Container();
@@ -97,8 +95,6 @@ class _PostItemState extends State<PostItem> {
   }
 
   Widget renderReactions() {
-    const density = VisualDensity(horizontal: -4, vertical: -2);
-
     return Container(
       height: 48,
       padding: const EdgeInsets.only(top: 8, left: 4, right: 4),
@@ -108,7 +104,7 @@ class _PostItemState extends State<PostItem> {
           ActionChip(
             avatar: const Icon(Icons.comment),
             label: Text(widget.item.commentCount.toString()),
-            tooltip: 'Comment',
+            tooltip: AppLocalizations.of(context)!.comment,
             onPressed: () => viewComments(context),
           ),
           const VerticalDivider(thickness: 0.3, indent: 8, endIndent: 8),