import 'package:bubble/bubble.dart'; import 'package:famedlysdk/famedlysdk.dart'; import 'package:fluffychat/components/message_content.dart'; import 'package:fluffychat/components/reply_content.dart'; import 'package:fluffychat/i18n/i18n.dart'; import 'package:fluffychat/utils/date_time_extension.dart'; import 'package:fluffychat/utils/string_color.dart'; import 'package:fluffychat/views/image_viewer.dart'; import 'package:flutter/material.dart'; import '../avatar.dart'; import '../matrix.dart'; import 'state_message.dart'; class Message extends StatelessWidget { final Event event; final Event nextEvent; final Function(Event) onSelect; final bool longPressSelect; final bool selected; final Timeline timeline; const Message(this.event, {this.nextEvent, this.longPressSelect, this.onSelect, this.selected, this.timeline}); @override Widget build(BuildContext context) { if (![EventTypes.Message, EventTypes.Sticker].contains(event.type)) { return StateMessage(event); } Client client = Matrix.of(context).client; final bool ownMessage = event.senderId == client.userID; Alignment alignment = ownMessage ? Alignment.topRight : Alignment.topLeft; Color color = Theme.of(context).secondaryHeaderColor; final bool sameSender = nextEvent != null && [EventTypes.Message, EventTypes.Sticker].contains(nextEvent.type) ? nextEvent.sender.id == event.sender.id : false; BubbleNip nip = sameSender ? BubbleNip.no : ownMessage ? BubbleNip.rightBottom : BubbleNip.leftBottom; final Color textColor = ownMessage ? Colors.white : Theme.of(context).brightness == Brightness.dark ? Colors.white : Colors.black; MainAxisAlignment rowMainAxisAlignment = ownMessage ? MainAxisAlignment.end : MainAxisAlignment.start; if (ownMessage) { color = event.status == -1 ? Colors.redAccent : Theme.of(context).primaryColor; } List rowChildren = [ Expanded( child: AnimatedOpacity( duration: Duration(milliseconds: 500), opacity: (event.status == 0 || event.redacted) ? 0.5 : 1, child: Bubble( elevation: 0, radius: Radius.circular(8), alignment: alignment, margin: BubbleEdges.symmetric(horizontal: 4), color: color, nip: nip, child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisSize: MainAxisSize.min, children: [ Text( ownMessage ? I18n.of(context).you : event.sender.calcDisplayname(), style: TextStyle( color: ownMessage ? textColor : event.sender.calcDisplayname().color, fontWeight: FontWeight.bold, ), ), SizedBox(width: 4), Text( event.time.localizedTime(context), style: TextStyle( color: textColor.withAlpha(180), ), ), ], ), if (event.isReply) FutureBuilder( future: event.getReplyEvent(timeline), builder: (BuildContext context, snapshot) { final Event replyEvent = snapshot.hasData ? snapshot.data : Event( eventId: event.content['m.relates_to'] ['m.in_reply_to']['event_id'], content: {"msgtype": "m.text", "body": "..."}, senderId: event.senderId, typeKey: "m.room.message", room: event.room, roomId: event.roomId, status: 1, time: DateTime.now(), ); return Container( margin: EdgeInsets.symmetric(vertical: 4.0), child: ReplyContent(replyEvent, lightText: ownMessage), ); }, ), MessageContent( event, textColor: textColor, ), ], ), ), ), ), ]; final Widget avatarOrSizedBox = sameSender ? SizedBox(width: 40) : Avatar( event.sender.avatarUrl, event.sender.calcDisplayname(), onTap: () => ImageViewer.show(context, event.sender.avatarUrl), ); if (ownMessage) { rowChildren.add(avatarOrSizedBox); } else { rowChildren.insert(0, avatarOrSizedBox); } return InkWell( onTap: longPressSelect ? () => null : () => onSelect(event), splashColor: Theme.of(context).primaryColor.withAlpha(100), onLongPress: !longPressSelect ? null : () => onSelect(event), child: AnimatedContainer( duration: Duration(milliseconds: 300), curve: Curves.fastOutSlowIn, color: selected ? Theme.of(context).primaryColor.withAlpha(100) : Theme.of(context).primaryColor.withAlpha(0), child: Padding( padding: EdgeInsets.only( left: 8.0, right: 8.0, bottom: sameSender ? 4.0 : 8.0), child: Row( crossAxisAlignment: CrossAxisAlignment.end, mainAxisAlignment: rowMainAxisAlignment, children: rowChildren, ), ), ), ); } }