✨ Search and jump to message

lib/widgets/chat/message_sender_info.dart

@@ -0,0 +1,124 @@
+import 'package:flutter/material.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:island/models/chat.dart';
+import 'package:island/widgets/account/account_name.dart';
+import 'package:island/widgets/account/account_pfc.dart';
+import 'package:island/widgets/content/cloud_files.dart';
+
+class MessageSenderInfo extends StatelessWidget {
+  final SnChatMember sender;
+  final DateTime createdAt;
+  final Color textColor;
+  final bool compact;
+
+  const MessageSenderInfo({
+    super.key,
+    required this.sender,
+    required this.createdAt,
+    required this.textColor,
+    this.compact = false,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final timestamp =
+        DateTime.now().difference(createdAt).inDays > 365
+            ? DateFormat('yyyy/MM/dd HH:mm').format(createdAt.toLocal())
+            : DateTime.now().difference(createdAt).inDays > 0
+            ? DateFormat('MM/dd HH:mm').format(createdAt.toLocal())
+            : DateFormat('HH:mm').format(createdAt.toLocal());
+
+    if (compact) {
+      return Row(
+        spacing: 8,
+        children: [
+          if (!compact)
+            AccountPfcGestureDetector(
+              uname: sender.account.name,
+              child: ProfilePictureWidget(
+                fileId: sender.account.profile.picture?.id,
+                radius: 14,
+              ),
+            ),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Row(
+                  children: [
+                    AccountName(
+                      account: sender.account,
+                      style: Theme.of(context).textTheme.bodySmall?.copyWith(
+                        color: textColor,
+                        fontWeight: FontWeight.w500,
+                      ),
+                    ),
+                    const SizedBox(width: 4),
+                    Badge(
+                      label:
+                          Text(
+                            sender.role >= 100
+                                ? 'permissionOwner'
+                                : sender.role >= 50
+                                ? 'permissionModerator'
+                                : 'permissionMember',
+                          ).tr(),
+                    ),
+                  ],
+                ),
+                Text(
+                  timestamp,
+                  style: TextStyle(
+                    fontSize: 10,
+                    color: textColor.withOpacity(0.7),
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      );
+    }
+
+    return Row(
+      spacing: 8,
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        AccountPfcGestureDetector(
+          uname: sender.account.name,
+          child: ProfilePictureWidget(
+            fileId: sender.account.profile.picture?.id,
+            radius: 16,
+          ),
+        ),
+        Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          spacing: 2,
+          children: [
+            Text(timestamp, style: TextStyle(fontSize: 10, color: textColor)),
+            Row(
+              mainAxisSize: MainAxisSize.min,
+              spacing: 5,
+              children: [
+                AccountName(
+                  account: sender.account,
+                  style: Theme.of(context).textTheme.bodySmall,
+                ),
+                Badge(
+                  label:
+                      Text(
+                        sender.role >= 100
+                            ? 'permissionOwner'
+                            : sender.role >= 50
+                            ? 'permissionModerator'
+                            : 'permissionMember',
+                      ).tr(),
+                ),
+              ],
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+}