Merge pull request #220 from GetStream/doc-fixes-2

Doc fixes 2

packages/flutter_widgets/example/lib/group_info_screen.dart

@@ -70,6 +70,10 @@ class _GroupInfoScreenState extends State<GroupInfoScreen> {
             );
           }
 
+          var userMember = snapshot.data
+              .firstWhere((e) => e.user.id == StreamChat.of(context).user.id);
+          var isOwner = userMember.role == 'owner';
+
           return Scaffold(
             backgroundColor: StreamChatTheme.of(context).colorTheme.whiteSnow,
             appBar: AppBar(
@@ -161,7 +165,7 @@ class _GroupInfoScreenState extends State<GroupInfoScreen> {
                   height: 8.0,
                   color: StreamChatTheme.of(context).colorTheme.greyGainsboro,
                 ),
-                _buildNameTile(),
+                if (isOwner) _buildNameTile(),
                 _buildOptionListTiles(),
               ],
             ),

packages/flutter_widgets/example/lib/main.dart

@@ -156,6 +156,9 @@ class _HomePageState extends State<HomePage> {
         onNewChatButtonTap: () {
           Navigator.pushNamed(context, Routes.NEW_CHAT);
         },
+        preNavigationCallback: () {
+          FocusScope.of(context).requestFocus(FocusNode());
+        },
       ),
       drawer: _buildDrawer(context, user),
       drawerEdgeDragWidth: 50,
@@ -519,6 +522,7 @@ class _ChannelListPageState extends State<ChannelListPage> {
                           );
                         },
                         onItemTap: (messageResponse) async {
+                          FocusScope.of(context).requestFocus(FocusNode());
                           final client = StreamChat.of(context).client;
                           final message = messageResponse.message;
                           final channel = client.channel(

packages/flutter_widgets/lib/src/channel_list_header.dart

@@ -55,6 +55,7 @@ class ChannelListHeader extends StatelessWidget implements PreferredSizeWidget {
     this.onUserAvatarTap,
     this.onNewChatButtonTap,
     this.showConnectionStateTile = false,
+    this.preNavigationCallback,
   }) : super(key: key);
 
   /// Pass this if you don't have a [Client] in your widget tree.
@@ -72,6 +73,8 @@ class ChannelListHeader extends StatelessWidget implements PreferredSizeWidget {
 
   final bool showConnectionStateTile;
 
+  final VoidCallback preNavigationCallback;
+
   @override
   Widget build(BuildContext context) {
     final _client = client ?? StreamChat.of(context).client;
@@ -110,8 +113,13 @@ class ChannelListHeader extends StatelessWidget implements PreferredSizeWidget {
               child: UserAvatar(
                 user: user,
                 showOnlineStatus: false,
-                onTap:
+                onTap: onUserAvatarTap ??
-                    onUserAvatarTap ?? (_) => Scaffold.of(context).openDrawer(),
+                    (_) {
+                      if (preNavigationCallback != null) {
+                        preNavigationCallback();
+                      }
+                      Scaffold.of(context).openDrawer();
+                    },
                 borderRadius: BorderRadius.circular(20),
                 constraints: BoxConstraints.tightFor(
                   height: 40,

packages/flutter_widgets/lib/src/message_input.dart

@@ -433,8 +433,6 @@ class MessageInputState extends State<MessageInput> {
               _buildAttachments(),
               LimitedBox(
                 maxHeight: widget.maxHeight,
-                child: SizedBox(
-                  height: 40,
                 child: TextField(
                   key: Key('messageInputText'),
                   enabled: _inputEnabled,
@@ -510,7 +508,6 @@ class MessageInputState extends State<MessageInput> {
                   ),
                   textCapitalization: TextCapitalization.sentences,
                 ),
-                ),
               )
             ],
           ),
@@ -1042,15 +1039,9 @@ class MessageInputState extends State<MessageInput> {
           final mediaInfo = await CompressVideoService.compressVideo(file.path);
 
           if (mediaInfo.filesize / (1024 * 1024) > _kMaxAttachmentSize) {
-            // ignore: deprecated_member_use
+            _showErrorAlert(
-            Scaffold.of(context).showSnackBar(
-              SnackBar(
-                content: Text(
               'The file is too large to upload. The file size limit is 20MB. We tried compressing it, but it was not enough.',
-                ),
-              ),
             );
-
             setState(() {
               _attachments.remove(attachment);
             });
@@ -1063,13 +1054,8 @@ class MessageInputState extends State<MessageInput> {
             path: mediaInfo.path,
           );
         } else {
-          // ignore: deprecated_member_use
+          _showErrorAlert(
-          Scaffold.of(context).showSnackBar(
+            'The file is too large to upload. The file size limit is 20MB.',
-            SnackBar(
-              content: Text(
-                'The file is too large to upload. The file size limit is 20MB',
-              ),
-            ),
           );
         }
       }
@@ -2021,12 +2007,8 @@ class MessageInputState extends State<MessageInput> {
         });
       } else {
         // ignore: deprecated_member_use
-        Scaffold.of(context).showSnackBar(
+        _showErrorAlert(
-          SnackBar(
+          'The file is too large to upload. The file size limit is 20MB.',
-            content: Text(
-              'The file is too large to upload. The file size limit is 20MB',
-            ),
-          ),
         );
         setState(() {
           _attachments.remove(attachment);
@@ -2279,6 +2261,77 @@ class MessageInputState extends State<MessageInput> {
     });
   }
 
+  void _showErrorAlert(String description) {
+    showModalBottomSheet(
+      backgroundColor: StreamChatTheme.of(context).colorTheme.white,
+      context: context,
+      shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.only(
+        topLeft: Radius.circular(16.0),
+        topRight: Radius.circular(16.0),
+      )),
+      builder: (context) {
+        return Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            SizedBox(
+              height: 26.0,
+            ),
+            StreamSvgIcon.error(
+              color: StreamChatTheme.of(context).colorTheme.accentRed,
+              size: 24.0,
+            ),
+            SizedBox(
+              height: 26.0,
+            ),
+            Text(
+              'Something went wrong',
+              style: StreamChatTheme.of(context).textTheme.headlineBold,
+            ),
+            SizedBox(
+              height: 7.0,
+            ),
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 16.0),
+              child: Text(
+                description,
+                textAlign: TextAlign.center,
+              ),
+            ),
+            SizedBox(
+              height: 36.0,
+            ),
+            Container(
+              color:
+                  StreamChatTheme.of(context).colorTheme.black.withOpacity(.08),
+              height: 1.0,
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                FlatButton(
+                  child: Text(
+                    'OK',
+                    style: StreamChatTheme.of(context)
+                        .textTheme
+                        .bodyBold
+                        .copyWith(
+                            color: StreamChatTheme.of(context)
+                                .colorTheme
+                                .accentBlue),
+                  ),
+                  onPressed: () {
+                    Navigator.of(context).pop();
+                  },
+                ),
+              ],
+            ),
+          ],
+        );
+      },
+    );
+  }
+
   void _parseExistingMessage(Message message) {
     textEditingController.text = message.text;
 

packages/flutter_widgets/lib/src/message_list_view.dart

@@ -956,7 +956,10 @@ class _MessageListViewState extends State<MessageListView> {
           end: colorTheme.white.withOpacity(0),
         ),
         duration: const Duration(seconds: 3),
+        child: Padding(
+          padding: const EdgeInsets.only(top: 4.0),
           child: child,
+        ),
         onEnd: () => initialMessageHighlightComplete = true,
         builder: (_, color, child) {
           return Container(

packages/flutter_widgets/lib/src/thread_header.dart

@@ -79,6 +79,7 @@ class ThreadHeader extends StatelessWidget implements PreferredSizeWidget {
   Widget build(BuildContext context) {
     return AppBar(
       automaticallyImplyLeading: false,
+      brightness: Theme.of(context).brightness,
       elevation: 1,
       leading: showBackButton
           ? StreamBackButton(