Merge branch 'feature/new-ui' into feature/image-detail

lib/src/message_widget.dart

@@ -287,6 +287,10 @@ class _MessageWidgetState extends State<MessageWidget> {
                                           transform: Matrix4.rotationY(
                                               widget.reverse ? pi : 0),
                                           child: DeletedMessage(
+                                            borderRadiusGeometry:
+                                                widget.borderRadiusGeometry,
+                                            borderSide: widget.borderSide,
+                                            shape: widget.shape,
                                             messageTheme: widget.messageTheme,
                                           ),
                                         )
@@ -411,6 +415,34 @@ class _MessageWidgetState extends State<MessageWidget> {
                 ),
               ),
             ),
+          if (widget.message.isDeleted)
+            Transform(
+              transform: Matrix4.rotationY(widget.reverse ? pi : 0),
+              alignment: Alignment.center,
+              child: Padding(
+                padding:
+                    const EdgeInsets.symmetric(horizontal: 8.0, vertical: 4.0),
+                child: Row(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    StreamSvgIcon.eye(
+                      color: Colors.black.withOpacity(0.5),
+                      size: 16.0,
+                    ),
+                    SizedBox(
+                      width: 8.0,
+                    ),
+                    Text(
+                      'Only visible to you',
+                      style: TextStyle(
+                        color: Colors.black.withOpacity(0.5),
+                        fontSize: 12.0,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
         ],
       ),
     );
@@ -427,12 +459,13 @@ class _MessageWidgetState extends State<MessageWidget> {
           top: 0,
           child: Material(
             color: Colors.white,
+            clipBehavior: Clip.antiAlias,
             shape: CircleBorder(),
             child: Padding(
               padding: const EdgeInsets.all(1.0),
               child: UserAvatar(
                 user: e.user,
-                constraints: BoxConstraints.loose(Size.fromRadius(16)),
+                constraints: BoxConstraints.loose(Size.fromRadius(8)),
                 showOnlineStatus: false,
               ),
             ),