fix newlines, wip edits

lib/widgets/chat_page/relation_preview.dart

@@ -0,0 +1,79 @@
+import "package:flutter/material.dart";
+import "package:flutter_chat_core/flutter_chat_core.dart";
+import "package:hooks_riverpod/hooks_riverpod.dart";
+import "package:matrix/matrix.dart";
+import "package:nexus/controllers/avatar_controller.dart";
+import "package:nexus/helpers/extensions/get_headers.dart";
+import "package:nexus/models/relation_type.dart";
+import "package:nexus/widgets/avatar_or_hash.dart";
+
+class RelationPreview extends ConsumerWidget {
+  final Message? relatedMessage;
+  final RelationType relationType;
+  final VoidCallback onDismiss;
+  final Room room;
+  const RelationPreview({
+    required this.relatedMessage,
+    required this.relationType,
+    required this.onDismiss,
+    required this.room,
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    if (relatedMessage == null) return SizedBox.shrink();
+    final theme = Theme.of(context);
+
+    return Container(
+      color: theme.colorScheme.surfaceContainerHigh,
+      padding: EdgeInsets.symmetric(horizontal: 8),
+      child: Row(
+        spacing: 8,
+        children: [
+          SizedBox(width: 4),
+          if (relationType == RelationType.edit)
+            Text(
+              "Editing message:",
+              style: TextStyle(fontWeight: FontWeight.bold),
+            ),
+          AvatarOrHash(
+            ref
+                .watch(
+                  AvatarController.provider(
+                    relatedMessage!.metadata!["avatarUrl"],
+                  ),
+                )
+                .whenOrNull(data: (data) => data),
+            relatedMessage!.metadata!["displayName"].toString(),
+            headers: room.client.headers,
+            height: 16,
+          ),
+          Text(
+            relatedMessage!.metadata?["displayName"] ??
+                relatedMessage!.authorId,
+            style: theme.textTheme.labelMedium?.copyWith(
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+          Expanded(
+            child: Text(
+              (relatedMessage is TextMessage)
+                  ? (relatedMessage as TextMessage).text
+                  : relatedMessage?.metadata?["body"] ??
+                        relatedMessage?.metadata?["eventType"],
+              overflow: TextOverflow.ellipsis,
+              style: theme.textTheme.labelMedium,
+              maxLines: 1,
+            ),
+          ),
+          IconButton(
+            onPressed: onDismiss,
+            icon: Icon(Icons.close),
+            iconSize: 20,
+          ),
+        ],
+      ),
+    );
+  }
+}