From f6b8008fe7bf359c437886cc059ad19c6b3aa31e Mon Sep 17 00:00:00 2001
From: ggurdin <46800240+ggurdin@users.noreply.github.com>
Date: Fri, 11 Apr 2025 16:38:34 -0400
Subject: [PATCH] chore: fix public space avatar loading (#2434)

---
 .../pangea_public_room_bottom_sheet.dart           | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/lib/pangea/public_spaces/pangea_public_room_bottom_sheet.dart b/lib/pangea/public_spaces/pangea_public_room_bottom_sheet.dart
index 47c463eb0..51493bf56 100644
--- a/lib/pangea/public_spaces/pangea_public_room_bottom_sheet.dart
+++ b/lib/pangea/public_spaces/pangea_public_room_bottom_sheet.dart
@@ -7,9 +7,9 @@ import 'package:matrix/matrix.dart';
 
 import 'package:fluffychat/pangea/common/config/environment.dart';
 import 'package:fluffychat/utils/fluffy_share.dart';
+import 'package:fluffychat/widgets/avatar.dart';
 import 'package:fluffychat/widgets/future_loading_dialog.dart';
 import 'package:fluffychat/widgets/matrix.dart';
-import 'package:fluffychat/widgets/mxc_image.dart';
 
 class PangeaPublicRoomBottomSheet extends StatefulWidget {
   final String? roomAlias;
@@ -171,14 +171,11 @@ class PangeaPublicRoomBottomSheetState
                   Row(
                     spacing: 16.0,
                     children: [
-                      ClipRRect(
+                      Avatar(
+                        mxContent: chunk?.avatarUrl,
+                        name: chunk?.name,
+                        size: 160.0,
                         borderRadius: BorderRadius.circular(24.0),
-                        child: MxcImage(
-                          uri: chunk?.avatarUrl,
-                          width: 160.0,
-                          height: 160.0,
-                          fit: BoxFit.cover,
-                        ),
                       ),
                       Expanded(
                         child: SizedBox(
@@ -188,6 +185,7 @@ class PangeaPublicRoomBottomSheetState
                             mainAxisSize: MainAxisSize.min,
                             children: [
                               Row(
+                                spacing: 8.0,
                                 children: [
                                   const Icon(Icons.group),
                                   Text(