import 'package:bubble/bubble.dart'; import 'package:famedlysdk/famedlysdk.dart'; import 'package:fluffychat/components/dialogs/redact_message_dialog.dart'; import 'package:fluffychat/components/message_content.dart'; import 'package:fluffychat/utils/chat_time.dart'; import 'package:flutter/material.dart'; import '../avatar.dart'; import '../matrix.dart'; import 'state_message.dart'; class Message extends StatelessWidget { final Event event; const Message(this.event); @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; BubbleNip nip = ownMessage ? BubbleNip.rightBottom : BubbleNip.leftBottom; final Color textColor = ownMessage ? Colors.white : Colors.black; MainAxisAlignment rowMainAxisAlignment = ownMessage ? MainAxisAlignment.end : MainAxisAlignment.start; if (ownMessage) { color = event.status == -1 ? Colors.redAccent : Theme.of(context).primaryColor; } List> popupMenuList = []; if (event.canRedact && !event.redacted && event.status > 1) { popupMenuList.add( const PopupMenuItem( value: "remove", child: Text('Remove message'), ), ); } if (ownMessage && event.status == -1) { popupMenuList.add( const PopupMenuItem( value: "resend", child: Text('Send again'), ), ); popupMenuList.add( const PopupMenuItem( value: "delete", child: Text('Delete message'), ), ); } List rowChildren = [ Expanded( child: PopupMenuButton( onSelected: (String choice) async { switch (choice) { case "remove": await showDialog( context: context, builder: (BuildContext context) => RedactMessageDialog(event), ); break; case "resend": await event.sendAgain(); break; case "delete": await event.remove(); break; } }, itemBuilder: (BuildContext context) => popupMenuList, child: Opacity( opacity: event.status == 0 ? 0.5 : 1, child: Bubble( elevation: 0, 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 ? "You" : event.sender.calcDisplayname(), style: TextStyle( color: textColor, fontWeight: FontWeight.bold, ), ), SizedBox(width: 4), Text( ChatTime(event.time).toEventTimeString(), style: TextStyle( color: textColor.withAlpha(200), ), ), ], ), MessageContent( event, textColor: textColor, ), ], ), ), ), ), ), ]; if (ownMessage) { rowChildren.add(Avatar(event.sender.avatarUrl)); } else { rowChildren.insert(0, Avatar(event.sender.avatarUrl)); } return Padding( padding: const EdgeInsets.all(8.0), child: Row( crossAxisAlignment: CrossAxisAlignment.end, mainAxisAlignment: rowMainAxisAlignment, children: rowChildren, ), ); } }