[Thread Header] Redesign wrt new ui

Signed-off-by: Sahil Kumar <[email protected]>

lib/src/thread_header.dart

@@ -1,7 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:stream_chat/stream_chat.dart';
 import 'package:stream_chat_flutter/src/stream_chat_theme.dart';
-import 'package:stream_chat_flutter/src/stream_svg_icon.dart';
+
+import 'back_button.dart';
+import 'channel_name.dart';
 
 /// ![screenshot](https://raw.githubusercontent.com/GetStream/stream-chat-flutter/master/screenshots/thread_header.png)
 /// ![screenshot](https://raw.githubusercontent.com/GetStream/stream-chat-flutter/master/screenshots/thread_header_paint.png)
@@ -77,43 +79,48 @@ class ThreadHeader extends StatelessWidget implements PreferredSizeWidget {
     return AppBar(
       automaticallyImplyLeading: false,
       elevation: 1,
-      backgroundColor:
+      leading: showBackButton
-          StreamChatTheme.of(context).channelTheme.channelHeaderTheme.color,
+          ? StreamBackButton(
-      actions: <Widget>[
+              onPressed: onBackPressed,
-        Container(
+              showUnreads: true,
-          child: showBackButton
-              ? AspectRatio(
-                  aspectRatio: 1,
-                  child: IconButton(
-                    onPressed: onBackPressed ?? () => Navigator.pop(context),
-                    icon: StreamSvgIcon.close(
-                      size: 24,
-                      color: Theme.of(context).brightness == Brightness.dark
-                          ? Colors.white
-                          : Colors.black,
-                    ),
-                  ),
             )
           : SizedBox(),
-        ),
+      backgroundColor:
-      ],
+          StreamChatTheme.of(context).channelTheme.channelHeaderTheme.color,
-      centerTitle: false,
+      centerTitle: true,
-      title: Text.rich(
+      title: Column(
-        TextSpan(
+        crossAxisAlignment: CrossAxisAlignment.center,
-          text: 'Thread',
+        mainAxisAlignment: MainAxisAlignment.center,
         children: [
-            TextSpan(
+          Text(
-              text:
+            'Thread Reply',
-                  '   ${parent.replyCount} ${parent.replyCount == 1 ? 'reply' : 'replies'}',
             style: StreamChatTheme.of(context)
+                .channelTheme
+                .channelHeaderTheme
+                .title,
+          ),
+          SizedBox(height: 2),
+          Row(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.center,
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Text(
+                'with ',
+                style: StreamChatTheme.of(context)
+                    .channelTheme
+                    .channelHeaderTheme
+                    .lastMessageAt,
+              ),
+              ChannelName(
+                textStyle: StreamChatTheme.of(context)
                     .channelTheme
                     .channelHeaderTheme
                     .lastMessageAt,
               ),
             ],
           ),
-        style:
+        ],
-            StreamChatTheme.of(context).channelTheme.channelHeaderTheme.title,
       ),
     );
   }