centered file preview, made text copyable

lib/view/pages/talk/components/chatBubble.dart

@@ -206,7 +206,7 @@ class _ChatBubbleState extends State<ChatBubble> with SingleTickerProviderStateM
             ),
           ),
           Visibility(
-            visible: !message.containsFile,
+            visible: widget.bubbleData.message != '{file}',
             child: ListTile(
               leading: const Icon(Icons.copy),
               title: const Text('Nachricht kopieren'),

lib/view/pages/talk/components/chatMessage.dart

@@ -21,39 +21,53 @@ class ChatMessage {
   ChatMessage({required this.originalMessage, this.originalData}) {
     if(originalData?.containsKey('file') ?? false) {
       file = originalData?['file'];
-      content = file?.name ?? 'Datei';
-    } else {
-      content = RichObjectStringProcessor.parseToString(originalMessage, originalData);
     }
+    content = RichObjectStringProcessor.parseToString(originalMessage, originalData);
   }
 
   Widget getWidget() {
 
-    if(file == null) {
+    var contentWidget = Linkify(
-      return Linkify(
+      text: content,
-        text: content,
+      onOpen: onOpen,
-        onOpen: onOpen,
+    );
-      );
-    }
 
-    return Padding(padding: const EdgeInsets.only(top: 5), child: CachedNetworkImage(
+    if(file == null) return contentWidget;
-      errorWidget: (context, url, error) => Row(
+
-          mainAxisSize: MainAxisSize.min,
+    return Padding(
-          crossAxisAlignment: CrossAxisAlignment.center,
+        padding: const EdgeInsets.only(top: 5),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            const Icon(Icons.file_open_outlined, size: 35),
+            Row(
-            const SizedBox(width: 10),
+              mainAxisSize: MainAxisSize.max,
-            Flexible(child: Text(file!.name, maxLines: 2, overflow: TextOverflow.ellipsis, style: const TextStyle(fontWeight: FontWeight.bold))),
+              mainAxisAlignment: MainAxisAlignment.center,
-            const SizedBox(width: 10),
+              children: [
+                CachedNetworkImage(
+                  errorWidget: (context, url, error) => Row(
+                    mainAxisSize: MainAxisSize.min,
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    children: [
+                      const Icon(Icons.file_open_outlined, size: 35),
+                      const SizedBox(width: 10),
+                      Flexible(child: Text(file!.name, maxLines: 2, overflow: TextOverflow.ellipsis, style: const TextStyle(fontWeight: FontWeight.bold))),
+                      const SizedBox(width: 10),
+                    ],
+                  ),
+                  alignment: Alignment.center,
+                  placeholder: (context, url) => const Padding(padding: EdgeInsets.all(15), child: SizedBox(width: 50, child: LinearProgressIndicator())),
+                  fadeInDuration: Duration.zero,
+                  fadeOutDuration: Duration.zero,
+                  errorListener: (value) {},
+                  imageUrl: 'https://${AccountData().buildHttpAuthString()}@${EndpointData().nextcloud().full()}/index.php/core/preview?fileId=${file!.id}&x=100&y=-1&a=1',
+                )
+              ],
+            ),
+            SizedBox(height: 5),
+            contentWidget
           ],
-        ),
+        )
-      alignment: Alignment.center,
+    );
-      placeholder: (context, url) => const Padding(padding: EdgeInsets.all(15), child: SizedBox(width: 50, child: LinearProgressIndicator())),
-      fadeInDuration: Duration.zero,
-      fadeOutDuration: Duration.zero,
-      errorListener: (value) {},
-      imageUrl: 'https://${AccountData().buildHttpAuthString()}@${EndpointData().nextcloud().full()}/index.php/core/preview?fileId=${file!.id}&x=100&y=-1&a=1',
-    ));
   }
 
   Future<void> onOpen(LinkableElement link) async {