Reaction support, currently readonly

This commit is contained in:
Henry Hiles 2026-04-08 15:47:53 -04:00
commit 5f5ad911c2
Signed by: Henry-Hiles
SSH key fingerprint: SHA256:VKQUdS31Q90KvX7EkKMHMBpUspcmItAh86a+v7PGiIs
3 changed files with 88 additions and 3 deletions

View file

@ -1,19 +1,28 @@
import "package:cross_cache/cross_cache.dart";
import "package:fast_immutable_collections/fast_immutable_collections.dart";
import "package:flutter/material.dart";
import "package:flutter_chat_core/flutter_chat_core.dart";
import "package:flutter_riverpod/flutter_riverpod.dart";
import "package:nexus/controllers/client_state_controller.dart";
import "package:nexus/controllers/cross_cache_controller.dart";
import "package:nexus/helpers/extensions/get_headers.dart";
import "package:nexus/helpers/extensions/mxc_to_https.dart";
import "package:nexus/widgets/chat_page/lazy_loading/message_avatar.dart";
import "package:nexus/widgets/chat_page/lazy_loading/message_displayname.dart";
import "package:timeago/timeago.dart";
class MessageWrapper extends StatelessWidget {
class MessageWrapper extends ConsumerWidget {
final Message message;
final Widget child;
final MessageGroupStatus? groupStatus;
const MessageWrapper(this.message, this.child, this.groupStatus, {super.key});
@override
Widget build(BuildContext context) {
Widget build(BuildContext context, WidgetRef ref) {
final theme = Theme.of(context);
final error = message.metadata?["error"];
final clientState = ref.watch(ClientStateController.provider);
return ClipRRect(
borderRadius: BorderRadius.all(Radius.circular(12)),
child: AnimatedContainer(
@ -69,6 +78,49 @@ class MessageWrapper extends StatelessWidget {
color: theme.colorScheme.error,
),
),
Wrap(
spacing: 4,
runSpacing: 4,
children:
clientState?.homeserverUrl == null ||
message.reactions == null
? []
: message.reactions!.mapTo((reaction, reactors) {
final selected = reactors.contains(
clientState!.userId,
);
return SizedBox(
child: ChoiceChip(
showCheckmark: false,
selected: selected,
label: Row(
mainAxisSize: MainAxisSize.min,
spacing: 8,
children: [
reaction.startsWith("mxc://")
? Image(
height: 20,
image: CachedNetworkImage(
headers: ref.headers,
Uri.parse(reaction)
.mxcToHttps(
clientState.homeserverUrl!,
)
.toString(),
ref.watch(
CrossCacheController.provider,
),
),
)
: Text(reaction),
Text(reactors.length.toString()),
],
),
onSelected: (value) {}, // TODO
),
);
}).toList(),
),
],
),
),