✨ Better post display

🐛 Fix realm with post

lib/widgets/attachments/attachment_list.dart

@@ -11,9 +11,16 @@ import 'package:solian/widgets/attachments/attachment_list_fullscreen.dart';
 class AttachmentList extends StatefulWidget {
   final String parentId;
   final List<int> attachmentsId;
+  final bool divided;
+  final double dividedPadding;
 
-  const AttachmentList(
-      {super.key, required this.parentId, required this.attachmentsId});
+  const AttachmentList({
+    super.key,
+    required this.parentId,
+    required this.attachmentsId,
+    this.divided = false,
+    this.dividedPadding = 16,
+  });
 
   @override
   State<AttachmentList> createState() => _AttachmentListState();
@@ -91,6 +98,83 @@ class _AttachmentListState extends State<AttachmentList> {
     }
   }
 
+  Widget buildEntry(Attachment element, int idx) {
+    return GestureDetector(
+      child: Container(
+        width: MediaQuery.of(context).size.width,
+        decoration: BoxDecoration(
+          color: Theme.of(context).colorScheme.surfaceContainerHigh,
+        ),
+        child: Stack(
+          fit: StackFit.expand,
+          children: [
+            AttachmentItem(
+              parentId: widget.parentId,
+              key: Key('a${element.uuid}'),
+              item: element,
+              badge: _attachmentsMeta.length > 1
+                  ? '${idx + 1}/${_attachmentsMeta.length}'
+                  : null,
+              showHideButton: !element.isMature || _showMature,
+              onHide: () {
+                setState(() => _showMature = false);
+              },
+            ),
+            if (element.isMature && !_showMature)
+              BackdropFilter(
+                filter: ImageFilter.blur(sigmaX: 100, sigmaY: 100),
+                child: Container(
+                  decoration: BoxDecoration(
+                    color: Colors.black.withOpacity(0.5),
+                  ),
+                ),
+              ),
+            if (element.isMature && !_showMature)
+              Center(
+                child: Container(
+                  constraints: const BoxConstraints(maxWidth: 280),
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      const Icon(Icons.visibility_off,
+                          color: Colors.white, size: 32),
+                      const SizedBox(height: 8),
+                      Text(
+                        'matureContent'.tr,
+                        style: const TextStyle(
+                            color: Colors.white,
+                            fontWeight: FontWeight.bold,
+                            fontSize: 16),
+                      ),
+                      Text(
+                        'matureContentCaption'.tr,
+                        style: const TextStyle(color: Colors.white),
+                        textAlign: TextAlign.center,
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+          ],
+        ),
+      ),
+      onTap: () {
+        if (!_showMature && _attachmentsMeta.any((e) => e!.isMature)) {
+          setState(() => _showMature = true);
+        } else if (['image'].contains(element.mimetype.split('/').first)) {
+          Navigator.of(context, rootNavigator: true).push(
+            MaterialPageRoute(
+              builder: (context) => AttachmentListFullScreen(
+                parentId: widget.parentId,
+                attachment: element,
+              ),
+            ),
+          );
+        }
+      },
+    );
+  }
+
   @override
   void initState() {
     super.initState();
@@ -145,80 +229,21 @@ class _AttachmentListState extends State<AttachmentList> {
           );
         }
 
-        return GestureDetector(
-          child: Container(
-            width: MediaQuery.of(context).size.width,
+        if (widget.divided) {
+          const radius = BorderRadius.all(Radius.circular(16));
+          return Container(
             decoration: BoxDecoration(
-              color: Theme.of(context).colorScheme.surfaceContainerHigh,
+              border: Border.all(color: Theme.of(context).dividerColor, width: 1),
+              borderRadius: radius,
             ),
-            child: Stack(
-              fit: StackFit.expand,
-              children: [
-                AttachmentItem(
-                  parentId: widget.parentId,
-                  key: Key('a${element.uuid}'),
-                  item: element,
-                  badge: _attachmentsMeta.length > 1
-                      ? '${idx + 1}/${_attachmentsMeta.length}'
-                      : null,
-                  showHideButton: !element.isMature || _showMature,
-                  onHide: () {
-                    setState(() => _showMature = false);
-                  },
-                ),
-                if (element.isMature && !_showMature)
-                  BackdropFilter(
-                    filter: ImageFilter.blur(sigmaX: 100, sigmaY: 100),
-                    child: Container(
-                      decoration: BoxDecoration(
-                        color: Colors.black.withOpacity(0.5),
-                      ),
-                    ),
-                  ),
-                if (element.isMature && !_showMature)
-                  Center(
-                    child: Container(
-                      constraints: const BoxConstraints(maxWidth: 280),
-                      child: Column(
-                        mainAxisAlignment: MainAxisAlignment.center,
-                        children: [
-                          const Icon(Icons.visibility_off,
-                              color: Colors.white, size: 32),
-                          const SizedBox(height: 8),
-                          Text(
-                            'matureContent'.tr,
-                            style: const TextStyle(
-                                color: Colors.white,
-                                fontWeight: FontWeight.bold,
-                                fontSize: 16),
-                          ),
-                          Text(
-                            'matureContentCaption'.tr,
-                            style: const TextStyle(color: Colors.white),
-                            textAlign: TextAlign.center,
-                          ),
-                        ],
-                      ),
-                    ),
-                  ),
-              ],
+            child: ClipRRect(
+              borderRadius: radius,
+              child: buildEntry(element, idx),
             ),
-          ),
-          onTap: () {
-            if (!_showMature && _attachmentsMeta.any((e) => e!.isMature)) {
-              setState(() => _showMature = true);
-            } else if (['image'].contains(element.mimetype.split('/').first)) {
-              Navigator.of(context, rootNavigator: true).push(
-                MaterialPageRoute(
-                  builder: (context) => AttachmentListFullScreen(
-                    parentId: widget.parentId,
-                    attachment: element,
-                  ),
-                ),
-              );
-            }
-          },
-        );
+          ).paddingSymmetric(horizontal: widget.dividedPadding);
+        } else {
+          return buildEntry(element, idx);
+        }
       },
     );
   }

lib/widgets/navigation/app_navigation.dart

@@ -9,9 +9,9 @@ abstract class AppNavigation {
       page: 'social',
     ),
     AppNavigationDestination(
-      icon: const Icon(Icons.contacts),
-      label: 'contact'.tr,
-      page: 'contact',
+      icon: const Icon(Icons.forum),
+      label: 'chat'.tr,
+      page: 'chat',
     ),
     AppNavigationDestination(
       icon: const Icon(Icons.workspaces),

lib/widgets/posts/post_item.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_markdown/flutter_markdown.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:get/get_utils/get_utils.dart';
+import 'package:intl/intl.dart';
 import 'package:solian/models/post.dart';
 import 'package:solian/router.dart';
 import 'package:solian/widgets/account/account_avatar.dart';
@@ -18,6 +19,7 @@ class PostItem extends StatefulWidget {
   final bool isReactable;
   final bool isShowReply;
   final bool isShowEmbed;
+  final bool isFullDate;
   final String? overrideAttachmentParent;
 
   const PostItem({
@@ -28,6 +30,7 @@ class PostItem extends StatefulWidget {
     this.isReactable = true,
     this.isShowReply = true,
     this.isShowEmbed = true,
+    this.isFullDate = false,
     this.overrideAttachmentParent,
   });
 
@@ -44,6 +47,69 @@ class _PostItemState extends State<PostItem> {
     super.initState();
   }
 
+  Widget buildDate() {
+    if (widget.isFullDate) {
+      return Text(DateFormat('y/M/d H:m').format(item.createdAt));
+    } else {
+      return Text(format(item.createdAt, locale: 'en_short'));
+    }
+  }
+
+  Widget buildHeader() {
+    return Row(
+      children: [
+        Text(
+          item.author.nick,
+          style: const TextStyle(fontWeight: FontWeight.bold),
+        ).paddingOnly(left: 12),
+        buildDate().paddingOnly(left: 4),
+      ],
+    );
+  }
+
+  Widget buildBody() {
+    return Markdown(
+      shrinkWrap: true,
+      physics: const NeverScrollableScrollPhysics(),
+      data: item.content,
+      padding: const EdgeInsets.all(0),
+      onTapLink: (text, href, title) async {
+        if (href == null) return;
+        await launchUrlString(
+          href,
+          mode: LaunchMode.externalApplication,
+        );
+      },
+    );
+  }
+
+  Widget buildFooter() {
+    List<String> labels = List.empty(growable: true);
+    if (widget.item.createdAt != widget.item.updatedAt) {
+      labels.add('postEdited'.trParams({
+        'date': DateFormat('yy/M/d H:m').format(item.updatedAt),
+      }));
+    }
+    if (widget.item.realm != null) {
+      labels.add('postInRealm'.trParams({
+        'realm': '#${widget.item.realm!.alias}',
+      }));
+    }
+
+    if (labels.isNotEmpty) {
+      return Text(
+        labels.join(" · "),
+        textAlign: TextAlign.left,
+        style: TextStyle(
+          fontSize: 12,
+          color: Theme.of(context).colorScheme.onSurface.withOpacity(0.75),
+        ),
+      ).paddingOnly(top: 8);
+    } else {
+      return const SizedBox();
+    }
+  }
+
   Widget buildReply(BuildContext context) {
     return Column(
       children: [
@@ -116,39 +182,20 @@ class _PostItemState extends State<PostItem> {
 
     if (widget.isCompact) {
       return Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          Row(
-            children: [
-              AccountAvatar(content: item.author.avatar.toString(), radius: 10),
-              Text(
-                item.author.nick,
-                style: const TextStyle(fontWeight: FontWeight.bold),
-              ).paddingOnly(left: 6),
-              Text(format(item.createdAt, locale: 'en_short'))
-                  .paddingOnly(left: 4),
-            ],
-          ).paddingSymmetric(horizontal: 12),
-          Markdown(
-            shrinkWrap: true,
-            physics: const NeverScrollableScrollPhysics(),
-            data: item.content,
-            padding: const EdgeInsets.all(0),
-            onTapLink: (text, href, title) async {
-              if (href == null) return;
-              await launchUrlString(
-                href,
-                mode: LaunchMode.externalApplication,
-              );
-            },
-          ).paddingOnly(
+          buildHeader().paddingSymmetric(horizontal: 12),
+          buildBody().paddingOnly(
             left: 16,
             right: 12,
             top: 2,
             bottom: hasAttachment ? 4 : 0,
           ),
+          buildFooter().paddingOnly(left: 16),
           AttachmentList(
             parentId: widget.overrideAttachmentParent ?? widget.item.alias,
             attachmentsId: item.attachments ?? List.empty(),
+            divided: true,
           ),
         ],
       );
@@ -175,23 +222,10 @@ class _PostItemState extends State<PostItem> {
             ),
             Expanded(
               child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
-                  Row(
-                    children: [
-                      Text(
-                        item.author.nick,
-                        style: const TextStyle(fontWeight: FontWeight.bold),
-                      ).paddingOnly(left: 12),
-                      Text(format(item.createdAt, locale: 'en_short'))
-                          .paddingOnly(left: 4),
-                    ],
-                  ),
-                  Markdown(
-                    shrinkWrap: true,
-                    physics: const NeverScrollableScrollPhysics(),
-                    data: item.content,
-                    padding: const EdgeInsets.all(0),
-                  ).paddingOnly(left: 12, right: 8),
+                  buildHeader(),
+                  buildBody().paddingOnly(left: 12, right: 8),
                   if (widget.item.replyTo != null && widget.isShowEmbed)
                     GestureDetector(
                       child: buildReply(context).paddingOnly(top: 4),
@@ -218,6 +252,7 @@ class _PostItemState extends State<PostItem> {
                         );
                       },
                     ),
+                  buildFooter().paddingOnly(left: 12),
                 ],
               ),
             )
@@ -231,6 +266,7 @@ class _PostItemState extends State<PostItem> {
         AttachmentList(
           parentId: widget.item.alias,
           attachmentsId: item.attachments ?? List.empty(),
+          divided: true,
         ),
         PostQuickAction(
           isShowReply: widget.isShowReply,

lib/widgets/posts/post_list.dart

@@ -32,9 +32,7 @@ class PostListWidget extends StatelessWidget {
               item: item,
               isShowEmbed: isShowEmbed,
               isClickable: isNestedClickable,
-            ).paddingSymmetric(
-              vertical: (item.attachments?.isEmpty ?? false) ? 8 : 0,
-            ),
+            ).paddingSymmetric(vertical: 8),
             onTap: () {
               if (!isClickable) return;
               AppRouter.instance.pushNamed(