forked from Henry-Hiles/nexus
121 lines
5.1 KiB
Dart
121 lines
5.1 KiB
Dart
import "package:flutter/material.dart";
|
|
import "package:hooks_riverpod/hooks_riverpod.dart";
|
|
import "package:nexus/controllers/members_controller.dart";
|
|
import "package:nexus/controllers/rooms_controller.dart";
|
|
import "package:nexus/helpers/extensions/better_when.dart";
|
|
import "package:nexus/models/room.dart";
|
|
import "package:nexus/widgets/avatar_or_hash.dart";
|
|
import "package:nexus/widgets/loading.dart";
|
|
|
|
class MentionOverlay extends ConsumerWidget {
|
|
final String? triggerCharacter;
|
|
final String query;
|
|
final Room room;
|
|
final void Function({required String id, required String name}) addTag;
|
|
const MentionOverlay(
|
|
this.room, {
|
|
required this.query,
|
|
required this.addTag,
|
|
required this.triggerCharacter,
|
|
super.key,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final rooms = ref.watch(RoomsController.provider);
|
|
|
|
return Padding(
|
|
padding: EdgeInsets.all(8),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(12)),
|
|
child: Container(
|
|
color: Theme.of(context).colorScheme.surfaceContainerHigh,
|
|
padding: EdgeInsets.all(8),
|
|
child: switch (triggerCharacter) {
|
|
"@" =>
|
|
ref
|
|
.watch(MembersController.provider(room))
|
|
.betterWhen(
|
|
data: (members) => ListView(
|
|
children:
|
|
(query.isEmpty
|
|
? members
|
|
: members.where(
|
|
(member) =>
|
|
member.authorId
|
|
.toLowerCase()
|
|
.contains(query.toLowerCase()) ||
|
|
(member.content["displayname"]
|
|
as String?)
|
|
?.toLowerCase()
|
|
.contains(
|
|
query.toLowerCase(),
|
|
) ==
|
|
true,
|
|
))
|
|
.map(
|
|
(member) => ListTile(
|
|
leading: AvatarOrHash(
|
|
Uri.tryParse(
|
|
member.content["avatar_url"] ?? "",
|
|
),
|
|
member.content["displayname"] ?? "",
|
|
),
|
|
title: Text(
|
|
member.content["displayname"] as String? ??
|
|
member.authorId,
|
|
),
|
|
onTap: () => addTag(
|
|
id: "[@${member.content["displayname"]}](https://matrix.to/#/${member.authorId})",
|
|
name: member.authorId
|
|
.substring(1)
|
|
.split(":")
|
|
.first,
|
|
),
|
|
),
|
|
)
|
|
.toList(),
|
|
),
|
|
),
|
|
"#" => ListView(
|
|
children:
|
|
(query.isEmpty
|
|
? rooms.values
|
|
: rooms.values.where(
|
|
(room) => (room.metadata?.name ?? "Unnamed Room")
|
|
.toLowerCase()
|
|
.contains(query.toLowerCase()),
|
|
))
|
|
.map(
|
|
(room) => ListTile(
|
|
leading: AvatarOrHash(
|
|
room.metadata?.avatar,
|
|
room.metadata?.name ?? "Unnamed Room",
|
|
fallback: Icon(Icons.numbers),
|
|
),
|
|
title: Text(room.metadata?.name ?? "Unnamed Room"),
|
|
subtitle: room.metadata?.topic == null
|
|
? null
|
|
: Text(room.metadata!.topic!, maxLines: 1),
|
|
onTap: () => addTag(
|
|
id: "[#${room.metadata?.name ?? "Unnamed Room"}](https://matrix.to/#/${room.metadata?.id})",
|
|
name:
|
|
(room.metadata?.canonicalAlias ??
|
|
room.metadata?.id)
|
|
?.substring(1)
|
|
.split(":")
|
|
.first ??
|
|
"",
|
|
),
|
|
),
|
|
)
|
|
.toList(),
|
|
),
|
|
|
|
_ => Loading(),
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|