import 'dart:async'; import 'package:matrix/matrix.dart'; import 'package:fluffychat/widgets/avatar.dart'; import 'package:fluffychat/widgets/matrix.dart'; import 'package:flutter/material.dart'; import 'package:vrouter/vrouter.dart'; import '../utils/matrix_sdk_extensions.dart/client_presence_extension.dart'; import '../utils/matrix_sdk_extensions.dart/presence_extension.dart'; class ContactsList extends StatefulWidget { final TextEditingController searchController; const ContactsList({ Key key, @required this.searchController, }) : super(key: key); @override _ContactsState createState() => _ContactsState(); } class _ContactsState extends State { StreamSubscription _onSync; @override void dispose() { _onSync?.cancel(); super.dispose(); } DateTime _lastSetState = DateTime.now(); Timer _coolDown; void _updateView() { _lastSetState = DateTime.now(); setState(() => null); } @override Widget build(BuildContext context) { final client = Matrix.of(context).client; _onSync ??= client.onSync.stream.listen((_) { if (DateTime.now().millisecondsSinceEpoch - _lastSetState.millisecondsSinceEpoch < 1000) { _coolDown?.cancel(); _coolDown = Timer(Duration(seconds: 1), _updateView); } else { _updateView(); } }); final contactList = Matrix.of(context) .client .contactList .where((p) => p.senderId .toLowerCase() .contains(widget.searchController.text.toLowerCase())) .toList(); return ListView.builder( itemCount: contactList.length, itemBuilder: (_, i) => _ContactListTile(contact: contactList[i]), ); } } class _ContactListTile extends StatelessWidget { final Presence contact; const _ContactListTile({Key key, @required this.contact}) : super(key: key); @override Widget build(BuildContext context) { return FutureBuilder( future: Matrix.of(context).client.getProfileFromUserId(contact.senderId), builder: (context, snapshot) { final displayname = snapshot.data?.displayName ?? contact.senderId.localpart; final avatarUrl = snapshot.data?.avatarUrl; return ListTile( leading: Container( width: Avatar.defaultSize, height: Avatar.defaultSize, child: Stack( children: [ Center(child: Avatar(avatarUrl, displayname)), Align( alignment: Alignment.bottomRight, child: Icon( Icons.circle, color: contact.color, size: 12, ), ), ], ), ), title: Text(displayname), subtitle: Text(contact.getLocalizedStatusMessage(context), style: contact.presence.statusMsg?.isNotEmpty ?? false ? TextStyle( color: Theme.of(context).colorScheme.secondary, fontWeight: FontWeight.bold, ) : null), onTap: () => VRouter.of(context).toSegments([ 'rooms', Matrix.of(context) .client .getDirectChatFromUserId(contact.senderId) ]), ); }); } }