stop event preview resizing itself on load

Fixes #109

lib/helpers/extensions/build_event_options.dart

@@ -10,6 +10,7 @@ import "package:nexus/controllers/recent_emoji.dart";
 import "package:nexus/controllers/rooms.dart";
 import "package:nexus/controllers/room_chat.dart";
 import "package:nexus/controllers/via.dart";
+import "package:nexus/helpers/extensions/event_id_is_fake.dart";
 import "package:nexus/models/content/message.dart";
 import "package:nexus/models/event.dart";
 import "package:nexus/models/relation_type.dart";
@@ -229,7 +230,7 @@ extension BuildEventOptions on Event {
               .redaction(targetUser: sender, roomId: roomId),
             ),
           ) &&
-          !eventId.startsWith("~"))
+          !eventId.isFake)
         PopupMenuItem(
           onTap: () => showReasonDialog(
             title: "Delete Message",
@@ -246,7 +247,7 @@ extension BuildEventOptions on Event {
           ),
         ),
 
-      if (eventId.startsWith("~"))
+      if (eventId.isFake)
         PopupMenuItem(
           onTap: () => ref.watch(notifier).hideClientSticky(rowId),
           child: ListTile(

lib/helpers/extensions/event_id_is_fake.dart

@@ -0,0 +1,3 @@
+extension EventIdIsFake on String {
+  bool get isFake => startsWith("~") || startsWith("\$gomuks");
+}

lib/widgets/event_preview.dart

@@ -18,17 +18,20 @@ class const EventPreview(final Event event, {super.key})
           if (event.content is MessageContent) MessageAvatar(event),
 
           Flexible(
-            child: Wrap(
+            child: Row(
               crossAxisAlignment: .center,
+              mainAxisSize: .min,
               spacing: 8,
-              runSpacing: 2,
               children: [
-                if (event.content is MessageContent) MessageDisplayname(event),
+                if (event.content is MessageContent)
-                EventRenderer(
+                  Flexible(child: MessageDisplayname(event)),
-                  event.rowId,
+                Flexible(
-                  roomId: event.roomId,
+                  child: EventRenderer(
-                  textOnly: true,
+                    event.rowId,
-                  maxLines: 1,
+                    roomId: event.roomId,
+                    textOnly: true,
+                    maxLines: 1,
+                  ),
                 ),
               ],
             ),

lib/widgets/loading.dart

@@ -1,11 +1,15 @@
 import "package:material_ui/material_ui.dart";
 
-class const Loading({super.key, final double? height}) extends StatelessWidget {
+class const Loading({super.key, final double? dimension})
+    extends StatelessWidget {
   @override
   Widget build(BuildContext context) => Center(
     child: Padding(
       padding: .all(16),
-      child: SizedBox(height: height, child: CircularProgressIndicator()),
+      child: SizedBox.square(
+        dimension: dimension,
+        child: CircularProgressIndicator(),
+      ),
     ),
   );
 }

lib/widgets/renderers/message.dart

@@ -13,6 +13,7 @@ import "package:nexus/widgets/html/html.dart";
 import "package:nexus/widgets/lazy_loading/message_avatar.dart";
 import "package:nexus/widgets/lazy_loading/message_displayname.dart";
 import "package:nexus/widgets/linkified_text.dart";
+import "package:nexus/widgets/loading.dart";
 import "package:nexus/widgets/message_image.dart";
 import "package:nexus/widgets/reaction_row.dart";
 import "package:nexus/widgets/timestamp.dart";
@@ -197,24 +198,32 @@ class const MessageRenderer(
                             onTap: onTapReply,
                             child: Padding(
                               padding: .symmetric(vertical: 8, horizontal: 12),
-                              child: switch (ref.watch(
+                              child: SizedBox(
-                                EventController.provider(
+                                height: 32,
-                                  .new(
+                                child: OverflowBox(
-                                    roomId: event.roomId,
+                                  alignment: .centerLeft,
-                                    eventId: event.replyTo!,
+                                  minHeight: 0,
-                                  ),
+                                  maxHeight: .infinity,
+                                  child: switch (ref.watch(
+                                    EventController.provider(
+                                      .new(
+                                        roomId: event.roomId,
+                                        eventId: event.replyTo!,
+                                      ),
+                                    ),
+                                  )) {
+                                    AsyncData(:final value?) ||
+                                    AsyncLoading(
+                                      :final value?,
+                                    ) => EventPreview(value),
+                                    AsyncError _ => Text(
+                                      "An error occurred while fetching the reply",
+                                      style: errorStyle,
+                                    ),
+                                    _ => Loading(dimension: 12),
+                                  },
                                 ),
-                              )) {
+                              ),
-                                AsyncData(:final value?) ||
-                                AsyncLoading(
-                                  :final value?,
-                                ) => EventPreview(value),
-                                AsyncError _ => Text(
-                                  "An error occurred while fetching the reply",
-                                  style: errorStyle,
-                                ),
-                                _ => Text("Fetching event..."),
-                              },
                             ),
                           ),
                         ),