feat: Filter for room members page and easier approve knocking users

Signed-off-by: Krille <c.kussowski@famedly.com>

lib/pages/chat_members/chat_members.dart

@@ -1,3 +1,5 @@
+import 'dart:async';
+
 import 'package:flutter/material.dart';
 
 import 'package:matrix/matrix.dart';
@@ -7,6 +9,7 @@ import 'chat_members_view.dart';
 
 class ChatMembersPage extends StatefulWidget {
   final String roomId;
+
   const ChatMembersPage({required this.roomId, super.key});
 
   @override
@@ -17,12 +20,27 @@ class ChatMembersController extends State<ChatMembersPage> {
   List<User>? members;
   List<User>? filteredMembers;
   Object? error;
+  Membership membershipFilter = Membership.join;
 
   final TextEditingController filterController = TextEditingController();
 
+  void setMembershipFilter(Membership membership) {
+    membershipFilter = membership;
+    setFilter();
+  }
+
   void setFilter([_]) async {
     final filter = filterController.text.toLowerCase().trim();
 
+    final members = this
+        .members
+        ?.where(
+          (member) =>
+              membershipFilter == Membership.join ||
+              member.membership == membershipFilter,
+        )
+        .toList();
+
     if (filter.isEmpty) {
       setState(() {
         filteredMembers = members
@@ -42,7 +60,8 @@ class ChatMembersController extends State<ChatMembersPage> {
     });
   }
 
-  void refreshMembers() async {
+  void refreshMembers([_]) async {
+    Logs().d('Load room members from', widget.roomId);
     try {
       setState(() {
         error = null;
@@ -50,7 +69,7 @@ class ChatMembersController extends State<ChatMembersPage> {
       final participants = await Matrix.of(context)
           .client
           .getRoomById(widget.roomId)
-          ?.requestParticipants();
+          ?.requestParticipants(Membership.values);
 
       if (!mounted) return;
 
@@ -67,10 +86,30 @@ class ChatMembersController extends State<ChatMembersPage> {
     }
   }
 
+  StreamSubscription? _updateSub;
+
   @override
   void initState() {
     super.initState();
     refreshMembers();
+
+    _updateSub = Matrix.of(context)
+        .client
+        .onSync
+        .stream
+        .where(
+          (syncUpdate) =>
+              syncUpdate.rooms?.join?[widget.roomId]?.timeline?.events
+                  ?.any((state) => state.type == EventTypes.RoomMember) ??
+              false,
+        )
+        .listen(refreshMembers);
+  }
+
+  @override
+  void dispose() {
+    _updateSub?.cancel();
+    super.dispose();
   }
 
   @override