chore: Follow up message bubble design
This commit is contained in:
parent
6073b46cfc
commit
e0e1b65f77
3 changed files with 9 additions and 3 deletions
|
|
@ -97,7 +97,8 @@ class Message extends StatelessWidget {
|
||||||
EventTypes.Sticker,
|
EventTypes.Sticker,
|
||||||
EventTypes.Encrypted,
|
EventTypes.Encrypted,
|
||||||
}.contains(previousEvent!.type) &&
|
}.contains(previousEvent!.type) &&
|
||||||
previousEvent!.senderId == event.senderId;
|
previousEvent!.senderId == event.senderId &&
|
||||||
|
previousEvent!.originServerTs.sameEnvironment(event.originServerTs);
|
||||||
|
|
||||||
final textColor = ownMessage
|
final textColor = ownMessage
|
||||||
? Theme.of(context).colorScheme.onPrimary
|
? Theme.of(context).colorScheme.onPrimary
|
||||||
|
|
|
||||||
|
|
@ -115,7 +115,10 @@ class MessageContent extends StatelessWidget {
|
||||||
);
|
);
|
||||||
case MessageTypes.Sticker:
|
case MessageTypes.Sticker:
|
||||||
if (event.redacted) continue textmessage;
|
if (event.redacted) continue textmessage;
|
||||||
return Sticker(event);
|
return Sticker(
|
||||||
|
event,
|
||||||
|
borderRadius: borderRadius,
|
||||||
|
);
|
||||||
case CuteEventContent.eventType:
|
case CuteEventContent.eventType:
|
||||||
return CuteContent(event);
|
return CuteContent(event);
|
||||||
case MessageTypes.Audio:
|
case MessageTypes.Audio:
|
||||||
|
|
|
||||||
|
|
@ -9,8 +9,9 @@ import 'image_bubble.dart';
|
||||||
|
|
||||||
class Sticker extends StatefulWidget {
|
class Sticker extends StatefulWidget {
|
||||||
final Event event;
|
final Event event;
|
||||||
|
final BorderRadius borderRadius;
|
||||||
|
|
||||||
const Sticker(this.event, {super.key});
|
const Sticker(this.event, {required this.borderRadius, super.key});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
StickerState createState() => StickerState();
|
StickerState createState() => StickerState();
|
||||||
|
|
@ -26,6 +27,7 @@ class StickerState extends State<Sticker> {
|
||||||
width: 256,
|
width: 256,
|
||||||
height: 256,
|
height: 256,
|
||||||
fit: BoxFit.contain,
|
fit: BoxFit.contain,
|
||||||
|
borderRadius: widget.borderRadius,
|
||||||
onTap: () {
|
onTap: () {
|
||||||
setState(() => animated = true);
|
setState(() => animated = true);
|
||||||
showOkAlertDialog(
|
showOkAlertDialog(
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue