iMessage clone (#1)

* first draft : static views wip * refactor to ChatMessage and ChatMessageHeader * add pedantic * fix lints * remove hardcoded message * appBar title : iMessage * format date * cupertino style and model view * fix display of message based on isReceived or sent * SendMessageInput * refactor to MessagesPage * MissingPluginException * use builtins instead of custom stream builders * handle isReceived * delete channel header * fix layout issues in ChannelPreview * fix formatDate * sticky message input * usage of builtin MessageListCore * remove unused imports and a todo * rename channelsStates to channels * replace file imports /w package:imessage/filename * remove size required ChannelNameText * lint and format * sendMessage * transition animation * stream_chat_flutter_core instead * format Date differently if same week * add padding to bubble * remove iMessage text from header * reverse message order * if same day don't display date * padding chat bubble right * remove unused extension * constraint message width * group messages By dates * unused import * fix bug input + layout+ preview onTap * change updatedAt to createdAt * add filter on channel * handle refresh * handle pagination with core LazyLoadScrollView * preview simple medias * upload bug * fix attachment * visual changes to message input * remove size * clean up * wait 5 sec before displaying image(hack) Co-authored-by: Salvatore Giordano <[email protected]>
2021-02-22 16:28:44 +01:00
parent 8af74183ad
commit 2c2787c419
77 changed files with 2399 additions and 0 deletions
@@ -0,0 +1,97 @@
+import 'package:flutter/cupertino.dart';
+import 'package:imessage/channel_image.dart';
+import 'package:imessage/channel_name_text.dart';
+import 'package:imessage/utils.dart';
+import 'package:stream_chat_flutter/stream_chat_flutter.dart' show Channel;
+
+import 'utils.dart';
+
+class ChannelPreview extends StatelessWidget {
+  final VoidCallback onTap;
+  final Channel channel;
+  const ChannelPreview({
+    Key key,
+    @required this.onTap,
+    @required this.channel,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final lastMessage =
+        channel.state.messages.isNotEmpty ? channel.state.messages.last : null;
+
+    final prefix = lastMessage?.attachments != null
+        ? lastMessage?.attachments //TODO: ugly
+            ?.map((e) {
+              if (e.type == 'image') {
+                return '📷';
+              } else if (e.type == 'video') {
+                return '🎬';
+              }
+              return null;
+            })
+            ?.where((e) => e != null)
+            ?.join(' ')
+        : '';
+    return GestureDetector(
+      onTap: onTap,
+      child: Padding(
+        padding: const EdgeInsets.symmetric(vertical: 16.0, horizontal: 8.0),
+        child: Container(
+          decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(5),
+              color: CupertinoColors.white),
+          child: Row(
+            children: [
+              ChannelImage(channel: channel, size: 50),
+              Expanded(
+                child: Padding(
+                  padding: const EdgeInsets.all(8.0),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Row(
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        children: [
+                          Padding(
+                            padding:
+                                const EdgeInsets.symmetric(horizontal: 8.0),
+                            child: ChannelNameText(
+                              channel: channel,
+                            ),
+                          ),
+                          Padding(
+                            padding:
+                                const EdgeInsets.symmetric(horizontal: 8.0),
+                            child: Text(
+                              isSameWeek(channel.lastMessageAt)
+                                  ? formatDateSameWeek(channel.lastMessageAt)
+                                  : formatDate(channel.lastMessageAt),
+                              style: TextStyle(
+                                  fontWeight: FontWeight.bold,
+                                  color: CupertinoColors.systemGrey),
+                            ),
+                          )
+                        ],
+                      ),
+                      Padding(
+                        padding: const EdgeInsets.all(8.0),
+                        child: Text(
+                          '$prefix ${lastMessage?.text ?? ''}',
+                          style: TextStyle(
+                              fontWeight: FontWeight.normal,
+                              color: CupertinoColors.systemGrey),
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              )
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}