fix deleted message borderradius

lib/src/deleted_message.dart

@@ -1,6 +1,7 @@
+import 'dart:math';
+
 import 'package:flutter/material.dart';
 import 'package:stream_chat_flutter/src/stream_chat_theme.dart';
-import 'package:stream_chat_flutter/src/stream_svg_icon.dart';
 
 class DeletedMessage extends StatelessWidget {
   const DeletedMessage({
@@ -9,6 +10,7 @@ class DeletedMessage extends StatelessWidget {
     this.borderRadiusGeometry,
     this.shape,
     this.borderSide,
+    this.reverse = false,
   }) : super(key: key);
 
   /// The theme of the message
@@ -23,33 +25,44 @@ class DeletedMessage extends StatelessWidget {
   /// The borderside of the message text
   final BorderSide borderSide;
 
+  /// If true the widget will be mirrored
+  final bool reverse;
+
   @override
   Widget build(BuildContext context) {
-    return Material(
+    return Transform(
-      color: messageTheme.messageBackgroundColor,
+      transform: Matrix4.rotationY(reverse ? pi : 0),
-      shape: shape ??
+      alignment: Alignment.center,
-          RoundedRectangleBorder(
+      child: Material(
-            borderRadius: borderRadiusGeometry ?? BorderRadius.zero,
+        color: messageTheme.messageBackgroundColor,
-            side: borderSide ??
+        shape: shape ??
-                BorderSide(
+            RoundedRectangleBorder(
-                  color: Theme.of(context).brightness == Brightness.dark
+              borderRadius: borderRadiusGeometry ?? BorderRadius.zero,
-                      ? Colors.white.withAlpha(24)
+              side: borderSide ??
-                      : Colors.black.withAlpha(24),
+                  BorderSide(
-                ),
+                    color: Theme.of(context).brightness == Brightness.dark
+                        ? Colors.white.withAlpha(24)
+                        : Colors.black.withAlpha(24),
+                  ),
+            ),
+        child: Padding(
+          padding: const EdgeInsets.symmetric(
+            vertical: 8.0,
+            horizontal: 16,
           ),
-      child: Padding(
+          child: Transform(
-        padding: const EdgeInsets.symmetric(
+            transform: Matrix4.rotationY(reverse ? pi : 0),
-          vertical: 8.0,
+            alignment: Alignment.center,
-          horizontal: 16,
+            child: Text(
-        ),
+              'Message deleted',
-        child: Text(
+              style: messageTheme.messageText.copyWith(
-          'Message deleted',
+                fontStyle: FontStyle.italic,
-          style: messageTheme.messageText.copyWith(
+                color: (Theme.of(context).brightness == Brightness.dark
-            fontStyle: FontStyle.italic,
+                        ? Colors.white
-            color: (Theme.of(context).brightness == Brightness.dark
+                        : Colors.black)
-                    ? Colors.white
+                    .withOpacity(.5),
-                    : Colors.black)
+              ),
-                .withOpacity(.5),
+            ),
           ),
         ),
       ),

lib/src/message_widget.dart

@@ -286,6 +286,7 @@ class _MessageWidgetState extends State<MessageWidget> {
                                           transform: Matrix4.rotationY(
                                               widget.reverse ? pi : 0),
                                           child: DeletedMessage(
+                                            reverse: widget.reverse,
                                             borderRadiusGeometry:
                                                 widget.borderRadiusGeometry,
                                             borderSide: widget.borderSide,