Refactor messages tab UI

2026-08-12 00:40:28 +00:00 · 2026-03-07 08:16:28 +01:00
parent 70a6156e8a
commit f1d56e2000
11 changed files with 924 additions and 882 deletions
--- a/lib/widgets/messages/messages_content.dart
+++ b/lib/widgets/messages/messages_content.dart
@@ -0,0 +1,85 @@
+import 'package:flutter/material.dart';
+
+import '../../l10n/app_localizations.dart';
+import '../../models/message.dart';
+import '../../widgets/messages/message_bubble.dart';
+
+class MessagesContent extends StatelessWidget {
+  final List<Message> messages;
+  final ScrollController scrollController;
+  final String? highlightedMessageId;
+  final Future<void> Function() onRefresh;
+  final VoidCallback? onNavigateToMap;
+  final ValueChanged<Message>? onMessageTap;
+
+  const MessagesContent({
+    super.key,
+    required this.messages,
+    required this.scrollController,
+    required this.highlightedMessageId,
+    required this.onRefresh,
+    this.onNavigateToMap,
+    this.onMessageTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return RefreshIndicator(
+      onRefresh: onRefresh,
+      child: messages.isEmpty
+          ? LayoutBuilder(
+              builder: (context, constraints) => SingleChildScrollView(
+                keyboardDismissBehavior:
+                    ScrollViewKeyboardDismissBehavior.onDrag,
+                physics: const AlwaysScrollableScrollPhysics(),
+                child: ConstrainedBox(
+                  constraints: BoxConstraints(minHeight: constraints.maxHeight),
+                  child: Center(
+                    child: Column(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        Icon(
+                          Icons.message_outlined,
+                          size: 64,
+                          color: Theme.of(context).disabledColor,
+                        ),
+                        const SizedBox(height: 16),
+                        Text(
+                          AppLocalizations.of(context)!.noMessagesYet,
+                          style: Theme.of(context).textTheme.titleLarge,
+                        ),
+                        const SizedBox(height: 8),
+                        Text(
+                          AppLocalizations.of(context)!.pullDownToSync,
+                          style: Theme.of(context).textTheme.bodyMedium,
+                          textAlign: TextAlign.center,
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+              ),
+            )
+          : ListView.builder(
+              controller: scrollController,
+              keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
+              reverse: true,
+              padding: const EdgeInsets.all(8),
+              itemCount: messages.length,
+              itemBuilder: (context, index) {
+                final message = messages[index];
+
+                return MessageBubble(
+                  key: ValueKey(message.id),
+                  message: message,
+                  isHighlighted: message.id == highlightedMessageId,
+                  onNavigateToMap: onNavigateToMap,
+                  onTap: onMessageTap == null
+                      ? null
+                      : () => onMessageTap!(message),
+                );
+              },
+            ),
+    );
+  }
+}