extract deleted message widget

example/lib/main.dart

@@ -137,6 +137,7 @@ class ChannelPage extends StatelessWidget {
             child: Stack(
               children: <Widget>[
                 MessageListView(
+                  showOtherMessageUsername: true,
                   showVideoFullScreen: false,
                   threadBuilder: (_, parentMessage) {
                     return ThreadPage(

lib/src/deleted_message.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+import 'package:stream_chat_flutter/src/stream_chat_theme.dart';
+
+class DeletedMessage extends StatelessWidget {
+  const DeletedMessage({
+    Key key,
+    @required this.messageTheme,
+    this.alignment,
+  }) : super(key: key);
+
+  final MessageTheme messageTheme;
+  final Alignment alignment;
+
+  @override
+  Widget build(BuildContext context) {
+    return Align(
+      alignment: alignment,
+      child: Padding(
+        padding: const EdgeInsets.symmetric(
+          horizontal: 14,
+          vertical: 14,
+        ),
+        child: Text(
+          'This message was deleted...',
+          style: messageTheme.messageText.copyWith(
+            fontStyle: FontStyle.italic,
+            color: Theme.of(context).brightness == Brightness.dark
+                ? Colors.white
+                : Colors.black,
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/src/message_widget.dart

@@ -21,6 +21,7 @@ import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:url_launcher/url_launcher.dart';
 import 'package:video_player/video_player.dart';
 
+import 'deleted_message.dart';
 import 'stream_chat.dart';
 
 /// ![screenshot](https://raw.githubusercontent.com/GetStream/stream-chat-flutter/master/screenshots/message_widget.png)
@@ -184,24 +185,10 @@ class _MessageWidgetState extends State<MessageWidget>
     _isMyMessage = _messageUserId == _currentUserId;
   }
 
-  Align _buildDeletedMessage(Alignment alignment) {
+  Widget _buildDeletedMessage(Alignment alignment) {
-    return Align(
+    return DeletedMessage(
+      messageTheme: _messageTheme,
       alignment: alignment,
-      child: Padding(
-        padding: const EdgeInsets.symmetric(
-          horizontal: 14,
-          vertical: 14,
-        ),
-        child: Text(
-          'This message was deleted...',
-          style: _messageTheme.messageText.copyWith(
-            fontStyle: FontStyle.italic,
-            color: Theme.of(context).brightness == Brightness.dark
-                ? Colors.white
-                : Colors.black,
-          ),
-        ),
-      ),
     );
   }
 

lib/src/reply_indicator.dart

@@ -4,6 +4,7 @@ import 'package:flutter/material.dart';
 import 'package:stream_chat/stream_chat.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 
+/// A reply button indicator
 class ReplyIndicator extends StatelessWidget {
   final Message message;
   final VoidCallback onTap;