ember/fluffychat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: row 2 of reactions add normally (#3598)

Browse source 
and loading symbol is always placed at the very end, not the end of the first row
This commit is contained in:
avashilling 2025-07-31 13:31:20 -04:00 • committed by GitHub
parent 729d1d6b41
commit 2d11627d04
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 34 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

74
lib/pages/chat/events/pangea_message_reactions.dart
View file

@ -120,49 +120,43 @@ class _PangeaMessageReactionsState extends State<PangeaMessageReactions> {
.aggregatedEvents(widget.timeline, RelationshipTypes.reaction)
.toList();
return AnimatedSize(
duration: FluffyThemes.animationDuration,
curve: FluffyThemes.animationCurve,
alignment: ownMessage ? Alignment.bottomRight : Alignment.bottomLeft,
clipBehavior: Clip.none,
child: Wrap(
crossAxisAlignment: WrapCrossAlignment.center,
runSpacing: 4.0,
alignment: ownMessage ? WrapAlignment.end : WrapAlignment.start,
children: [
if (allReactionEvents.any((e) => e.status.isSending) && ownMessage)
const SizedBox(
width: 24,
height: 24,
child: Padding(
padding: EdgeInsets.all(4.0),
child: CircularProgressIndicator.adaptive(strokeWidth: 1),
return Directionality(
textDirection: ownMessage ? TextDirection.rtl : TextDirection.ltr,
child: AnimatedSize(
duration: FluffyThemes.animationDuration,
curve: FluffyThemes.animationCurve,
alignment: ownMessage ? Alignment.bottomRight : Alignment.bottomLeft,
clipBehavior: Clip.none,
child: Wrap(
crossAxisAlignment: WrapCrossAlignment.center,
runSpacing: 4.0,
alignment: WrapAlignment.start,
children: [
...reactionList.map(
(r) => _Reaction(
key: ValueKey(r.key),
firstReact: _newlyAddedReactions.contains(r.key),
reactionKey: r.key,
count: r.count,
reacted: r.reacted,
onTap: () => _handleReactionTap(r, allReactionEvents),
onLongPress: () async => await _AdaptableReactorsDialog(
client: client,
reactionEntry: r,
).show(context),
),
),
...reactionList.map(
(r) => _Reaction(
key: ValueKey(r.key),
firstReact: _newlyAddedReactions.contains(r.key),
reactionKey: r.key,
count: r.count,
reacted: r.reacted,
onTap: () => _handleReactionTap(r, allReactionEvents),
onLongPress: () async => await _AdaptableReactorsDialog(
client: client,
reactionEntry: r,
).show(context),
),
),
if (allReactionEvents.any((e) => e.status.isSending) && !ownMessage)
const SizedBox(
width: 24,
height: 24,
child: Padding(
padding: EdgeInsets.all(4.0),
child: CircularProgressIndicator.adaptive(strokeWidth: 1),
if (allReactionEvents.any((e) => e.status.isSending))
const SizedBox(
width: 24,
height: 24,
child: Padding(
padding: EdgeInsets.all(4.0),
child: CircularProgressIndicator.adaptive(strokeWidth: 1),
),
),
),
],
],
),
),
);
}