import 'package:bubble/bubble.dart'; import 'package:cached_network_image/cached_network_image.dart'; import 'package:famedlysdk/famedlysdk.dart'; import 'package:fluffychat/i18n/i18n.dart'; import 'package:fluffychat/utils/app_route.dart'; import 'package:fluffychat/utils/event_extension.dart'; import 'package:fluffychat/views/content_web_view.dart'; import 'package:fluffychat/views/image_viewer.dart'; import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; import 'package:link_text/link_text.dart'; import 'package:url_launcher/url_launcher.dart'; import 'matrix.dart'; class MessageContent extends StatelessWidget { final Event event; final Color textColor; const MessageContent(this.event, {this.textColor}); @override Widget build(BuildContext context) { switch (event.type) { case EventTypes.Message: case EventTypes.Encrypted: case EventTypes.Sticker: switch (event.messageType) { case MessageTypes.Image: case MessageTypes.Sticker: final int size = 400; final MxContent content = MxContent(event.content["url"]); final String src = content.getThumbnail( Matrix.of(context).client, width: size * MediaQuery.of(context).devicePixelRatio, height: size * MediaQuery.of(context).devicePixelRatio, method: ThumbnailMethod.scale, ); return Bubble( padding: BubbleEdges.all(0), radius: Radius.circular(10), elevation: 0, child: InkWell( onTap: () => ImageViewer.show(context, content), child: Container( height: size.toDouble(), width: size.toDouble(), child: kIsWeb ? Image.network( src, fit: BoxFit.cover, ) : CachedNetworkImage( imageUrl: src, fit: BoxFit.cover, placeholder: (c, s) => Center( child: CircularProgressIndicator(), ), ), ), ), ); case MessageTypes.Audio: return Container( width: 200, child: RaisedButton( color: Colors.blueGrey, child: Row( children: [ Icon(Icons.play_arrow, color: Colors.white), Text( I18n.of(context).play(event.body), overflow: TextOverflow.fade, softWrap: false, maxLines: 1, style: TextStyle(color: Colors.white), ), ], ), onPressed: () => Navigator.of(context).push( AppRoute.defaultRoute( context, ContentWebView(MxContent(event.content["url"])), ), ), ), ); case MessageTypes.Video: return Container( width: 200, child: RaisedButton( color: Colors.blueGrey, child: Row( children: [ Icon(Icons.play_arrow, color: Colors.white), Text( I18n.of(context).play(event.body), overflow: TextOverflow.fade, softWrap: false, maxLines: 1, style: TextStyle(color: Colors.white), ), ], ), onPressed: () => Navigator.of(context).push( AppRoute.defaultRoute( context, ContentWebView(MxContent(event.content["url"])), ), ), ), ); case MessageTypes.File: return Container( width: 200, child: RaisedButton( color: Colors.blueGrey, child: Text( I18n.of(context).download(event.body), overflow: TextOverflow.fade, softWrap: false, maxLines: 1, style: TextStyle(color: Colors.white), ), onPressed: () => launch( MxContent(event.content["url"]) .getDownloadLink(Matrix.of(context).client), ), ), ); case MessageTypes.BadEncrypted: case MessageTypes.Text: case MessageTypes.Reply: case MessageTypes.Location: case MessageTypes.None: case MessageTypes.Notice: case MessageTypes.Emote: default: return LinkText( text: event.getLocalizedBody(context, hideReply: true), textStyle: TextStyle( color: textColor, decoration: event.redacted ? TextDecoration.lineThrough : null, ), ); } break; default: return Text( I18n.of(context).userSentUnknownEvent( event.sender.calcDisplayname(), event.typeKey), style: TextStyle( color: textColor, decoration: event.redacted ? TextDecoration.lineThrough : null, ), ); } } }