fluffychat/lib/pages/chat_members/chat_members_view.dart

import 'package:flutter/material.dart';

import 'package:go_router/go_router.dart';
import 'package:matrix/matrix.dart';

import 'package:fluffychat/l10n/l10n.dart';
import 'package:fluffychat/utils/localized_exception_extension.dart';
import '../../widgets/layouts/max_width_body.dart';
import '../../widgets/matrix.dart';
import '../chat_details/participant_list_item.dart';
import 'chat_members.dart';

class ChatMembersView extends StatelessWidget {
  final ChatMembersController controller;

  const ChatMembersView(this.controller, {super.key});

  @override
  Widget build(BuildContext context) {
    final room = Matrix.of(
      context,
    ).client.getRoomById(controller.widget.roomId);
    if (room == null) {
      return Scaffold(
        appBar: AppBar(title: Text(L10n.of(context).oopsSomethingWentWrong)),
        body: Center(
          child: Text(L10n.of(context).youAreNoLongerParticipatingInThisChat),
        ),
      );
    }

    final members = controller.filteredMembers;

    final roomCount =
        (room.summary.mJoinedMemberCount ?? 0) +
        (room.summary.mInvitedMemberCount ?? 0);

    final error = controller.error;
    final theme = Theme.of(context);

    return Scaffold(
      appBar: AppBar(
        leading: const Center(child: BackButton()),
        title: Text(L10n.of(context).countParticipants(roomCount)),
        actions: [
          if (room.canInvite)
            IconButton(
              onPressed: () => context.go('/rooms/${room.id}/invite'),
              icon: const Icon(Icons.person_add_outlined),
            ),
        ],
      ),
      body: MaxWidthBody(
        withScrolling: false,
        innerPadding: const EdgeInsets.symmetric(vertical: 8),
        child: error != null
            ? Center(
                child: Padding(
                  padding: const EdgeInsets.all(16.0),
                  child: Column(
                    mainAxisSize: .min,
                    children: [
                      const Icon(Icons.error_outline),
                      Text(error.toLocalizedString(context)),
                      const SizedBox(height: 8),
                      OutlinedButton.icon(
                        onPressed: controller.refreshMembers,
                        icon: const Icon(Icons.refresh_outlined),
                        label: Text(L10n.of(context).tryAgain),
                      ),
                    ],
                  ),
                ),
              )
            : members == null
            ? const Center(
                child: Padding(
                  padding: EdgeInsets.all(16.0),
                  child: CircularProgressIndicator.adaptive(),
                ),
              )
            : ListView.builder(
                shrinkWrap: true,
                itemCount: members.length + 1,
                itemBuilder: (context, i) {
                  if (i == 0) {
                    final availableFilters = Membership.values
                        .where(
                          (membership) =>
                              controller.members?.any(
                                (member) => member.membership == membership,
                              ) ??
                              false,
                        )
                        .toList();
                    availableFilters.sort(
                      (a, b) => a == Membership.join ? -1 : 1,
                    );
                    return Column(
                      mainAxisSize: .min,
                      children: [
                        Padding(
                          padding: const EdgeInsets.all(16.0),
                          child: TextField(
                            controller: controller.filterController,
                            onChanged: controller.setFilter,
                            decoration: InputDecoration(
                              filled: true,
                              fillColor: theme.colorScheme.secondaryContainer,
                              border: OutlineInputBorder(
                                borderSide: BorderSide.none,
                                borderRadius: BorderRadius.circular(99),
                              ),
                              hintStyle: TextStyle(
                                color: theme.colorScheme.onPrimaryContainer,
                                fontWeight: FontWeight.normal,
                              ),
                              prefixIcon: const Icon(Icons.search_outlined),
                              hintText: L10n.of(context).search,
                            ),
                          ),
                        ),
                        if (availableFilters.length > 1)
                          SizedBox(
                            height: 64,
                            child: ListView.builder(
                              padding: const EdgeInsets.symmetric(
                                horizontal: 12.0,
                                vertical: 12.0,
                              ),
                              scrollDirection: Axis.horizontal,
                              itemCount: availableFilters.length,
                              itemBuilder: (context, i) => Padding(
                                padding: const EdgeInsets.symmetric(
                                  horizontal: 4.0,
                                ),
                                child: FilterChip(
                                  label: Text(switch (availableFilters[i]) {
                                    Membership.ban => L10n.of(context).banned,
                                    Membership.invite =>
                                      L10n.of(context).countInvited(
                                        room.summary.mInvitedMemberCount ??
                                            controller.members
                                                ?.where(
                                                  (member) =>
                                                      member.membership ==
                                                      Membership.invite,
                                                )
                                                .length ??
                                            0,
                                      ),
                                    Membership.join =>
                                      L10n.of(context).countParticipants(
                                        room.summary.mJoinedMemberCount ??
                                            controller.members
                                                ?.where(
                                                  (member) =>
                                                      member.membership ==
                                                      Membership.join,
                                                )
                                                .length ??
                                            0,
                                      ),
                                    Membership.knock => L10n.of(
                                      context,
                                    ).knocking,
                                    Membership.leave => L10n.of(
                                      context,
                                    ).leftTheChat,
                                  }),
                                  selected:
                                      controller.membershipFilter ==
                                      availableFilters[i],
                                  onSelected: (_) => controller
                                      .setMembershipFilter(availableFilters[i]),
                                ),
                              ),
                            ),
                          ),
                      ],
                    );
                  }
                  i--;
                  return ParticipantListItem(members[i]);
                },
              ),
      ),
    );
  }
}