chat and theme work

2025-05-13 03:32:22 -04:00 · 2023-07-29 10:55:35 -04:00 · 2023-07-29 10:55:35 -04:00 · 96e3251b3b
commit 96e3251b3b
parent ca6b00e021
29 changed files with 729 additions and 389 deletions
--- a/lib/components/chat_component.dart
+++ b/lib/components/chat_component.dart
@ -0,0 +1,118 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_chat_ui/flutter_chat_ui.dart';
+import 'package:flutter_chat_types/flutter_chat_types.dart' as types;
+import 'package:intl/date_symbol_data_local.dart';
+import 'package:uuid/uuid.dart';
+
+class ChatComponent extends ConsumerStatefulWidget {
+  const ChatComponent({super.key});
+
+  @override
+  ChatComponentState createState() => ChatComponentState();
+}
+
+class ChatComponentState extends ConsumerState<ChatComponent> {
+  List<types.Message> _messages = [];
+  final _unfocusNode = FocusNode();
+
+  @override
+  void initState() {
+    super.initState();
+    _loadMessages();
+  }
+
+  @override
+  void dispose() {
+    _unfocusNode.dispose();
+    super.dispose();
+  }
+
+  void _loadMessages() {
+    final messages = <types.Message>[
+      types.TextMessage(
+          id: "abcd",
+          text: "Hello!",
+          author: types.User(
+              id: "1234",
+              firstName: "Foo",
+              lastName: "Bar",
+              role: types.Role.user))
+    ];
+    _messages = messages;
+  }
+
+  final _user = const types.User(
+    id: '82091008-a484-4a89-ae75-a22bf8d6f3ac',
+  );
+
+  void _addMessage(types.Message message) {
+    setState(() {
+      _messages.insert(0, message);
+    });
+  }
+
+  void _handleSendPressed(types.PartialText message) {
+    final textMessage = types.TextMessage(
+      author: _user,
+      createdAt: DateTime.now().millisecondsSinceEpoch,
+      id: const Uuid().v4(),
+      text: message.text,
+    );
+
+    _addMessage(textMessage);
+  }
+
+  @override
+  // ignore: prefer_expression_function_bodies
+  Widget build(BuildContext context) {
+    //
+    return Align(
+        alignment: AlignmentDirectional.centerEnd,
+        child: Container(
+          decoration: BoxDecoration(
+            color: Theme.of(context).scaffoldBackgroundColor,
+          ),
+          child: Stack(
+            children: [
+              Column(
+                children: [
+                  Container(
+                    height: 48,
+                    decoration: BoxDecoration(
+                      color: Theme.of(context).primaryColor,
+                    ),
+                    child: Align(
+                      alignment: AlignmentDirectional.centerStart,
+                      child: Padding(
+                        padding:
+                            const EdgeInsetsDirectional.fromSTEB(16, 0, 16, 0),
+                        child: Text("current contact",
+                            textAlign: TextAlign.start,
+                            style: Theme.of(context).textTheme.titleMedium),
+                      ),
+                    ),
+                  ),
+                  Expanded(
+                    child: Container(
+                      decoration: const BoxDecoration(),
+                      child: Chat(
+                        //theme: _chatTheme,
+                        messages: _messages,
+                        //onAttachmentPressed: _handleAttachmentPressed,
+                        //onMessageTap: _handleMessageTap,
+                        //onPreviewDataFetched: _handlePreviewDataFetched,
+                        onSendPressed: _handleSendPressed,
+                        showUserAvatars: true,
+                        showUserNames: true,
+                        user: _user,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ));
+  }
+}