fluffychat/lib/pages/chat_list/chat_list_body.dart

import 'package:flutter/material.dart';

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

import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/l10n/l10n.dart';
import 'package:fluffychat/pages/chat_list/chat_list.dart';
import 'package:fluffychat/pages/chat_list/chat_list_item.dart';
import 'package:fluffychat/pages/chat_list/dummy_chat_list_item.dart';
import 'package:fluffychat/pangea/bot/widgets/bot_face_svg.dart';
import 'package:fluffychat/pangea/chat_list/support_client_extension.dart';
import 'package:fluffychat/pangea/chat_list/widgets/pangea_chat_list_header.dart';
import 'package:fluffychat/pangea/chat_settings/utils/bot_client_extension.dart';
import 'package:fluffychat/pangea/common/config/environment.dart';
import 'package:fluffychat/pangea/course_chats/course_chats_page.dart';
import 'package:fluffychat/pangea/instructions/instructions_enum.dart';
import 'package:fluffychat/utils/matrix_sdk_extensions/matrix_locals.dart';
import 'package:fluffychat/utils/stream_extension.dart';
import 'package:fluffychat/widgets/adaptive_dialogs/public_room_dialog.dart';
import 'package:fluffychat/widgets/avatar.dart';
import 'package:fluffychat/widgets/future_loading_dialog.dart';
import '../../config/themes.dart';
import '../../widgets/matrix.dart';

class ChatListViewBody extends StatelessWidget {
  final ChatListController controller;

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

  @override
  Widget build(BuildContext context) {
    // #Pangea
    // final theme = Theme.of(context);
    // Pangea#

    final client = Matrix.of(context).client;
    final activeSpace = controller.activeSpaceId;
    if (activeSpace != null) {
      // #Pangea
      // return SpaceView(
      //   key: ValueKey(activeSpace),
      //   spaceId: activeSpace,
      //   onBack: controller.clearActiveSpace,
      //   onChatTab: (room) => controller.onChatTap(room),
      //   activeChat: controller.activeChat,
      // );
      return CourseChats(
        activeSpace,
        key: ValueKey(activeSpace),
        activeChat: controller.activeChat,
        client: client,
      );
      // Pangea#
    }
    final spaces = client.rooms.where((r) => r.isSpace);
    final spaceDelegateCandidates = <String, Room>{};
    for (final space in spaces) {
      for (final spaceChild in space.spaceChildren) {
        final roomId = spaceChild.roomId;
        if (roomId == null) continue;
        spaceDelegateCandidates[roomId] = space;
      }
    }

    // #Pangea
    // final publicRooms = controller.roomSearchResult?.chunk
    //     .where((room) => room.roomType != 'm.space')
    //     .toList();
    // final publicSpaces = controller.roomSearchResult?.chunk
    //     .where((room) => room.roomType == 'm.space')
    //     .toList();
    // final userSearchResult = controller.userSearchResult;
    // Pangea#
    const dummyChatCount = 4;
    final filter = controller.searchController.text.toLowerCase();
    return StreamBuilder(
      key: ValueKey(client.userID.toString()),
      stream: client.onSync.stream
          .where((s) => s.hasRoomUpdate)
          .rateLimit(const Duration(seconds: 1)),
      builder: (context, _) {
        final rooms = controller.filteredRooms;

        return SafeArea(
          child: CustomScrollView(
            controller: controller.scrollController,
            slivers: [
              // #Pangea
              // ChatListHeader(controller: controller),
              PangeaChatListHeader(
                controller: controller,
                showSearch: rooms.length >= 7,
              ),
              // Pangea#
              SliverList(
                delegate: SliverChildListDelegate([
                  if (controller.isSearchMode) ...[
                    // #Pangea
                    // SearchTitle(
                    //   title: L10n.of(context).publicRooms,
                    //   icon: const Icon(Icons.explore_outlined),
                    // ),
                    // PublicRoomsHorizontalList(publicRooms: publicRooms),
                    // SearchTitle(
                    //   title: L10n.of(context).publicSpaces,
                    //   icon: const Icon(Icons.workspaces_outlined),
                    // ),
                    // PublicRoomsHorizontalList(publicRooms: publicSpaces),
                    // SearchTitle(
                    //   title: L10n.of(context).users,
                    //   icon: const Icon(Icons.group_outlined),
                    // ),
                    // AnimatedContainer(
                    //   clipBehavior: Clip.hardEdge,
                    //   decoration: const BoxDecoration(),
                    //   height:
                    //       userSearchResult == null ||
                    //           userSearchResult.results.isEmpty
                    //       ? 0
                    //       : 106,
                    //   duration: FluffyThemes.animationDuration,
                    //   curve: FluffyThemes.animationCurve,
                    //   child: userSearchResult == null
                    //       ? null
                    //       : ListView.builder(
                    //           scrollDirection: Axis.horizontal,
                    //           itemCount: userSearchResult.results.length,
                    //           itemBuilder: (context, i) => _SearchItem(
                    //             title:
                    //                 userSearchResult.results[i].displayName ??
                    //                 userSearchResult
                    //                     .results[i]
                    //                     .userId
                    //                     .localpart ??
                    //                 L10n.of(context).unknownDevice,
                    //             avatar: userSearchResult.results[i].avatarUrl,
                    //             onPressed: () => UserDialog.show(
                    //               context: context,
                    //               profile: userSearchResult.results[i],
                    //             ),
                    //           ),
                    //         ),
                    // ),
                    // Pangea#
                  ],
                  // #Pangea
                  // if (!controller.isSearchMode &&
                  //     AppSettings.showPresences.value)
                  //   GestureDetector(
                  //     onLongPress: () => controller.dismissStatusList(),
                  //     child: StatusMessageList(
                  //       onStatusEdit: controller.setStatus,
                  //     ),
                  //   ),
                  // if (client.rooms.isNotEmpty && !controller.isSearchMode)
                  //   SizedBox(
                  //     height: 64,
                  //     child: ListView(
                  //       padding: const EdgeInsets.symmetric(
                  //         horizontal: 12.0,
                  //         vertical: 12.0,
                  //       ),
                  //       shrinkWrap: true,
                  //       scrollDirection: Axis.horizontal,
                  //       children:
                  //           [
                  //                 if (AppSettings.separateChatTypes.value)
                  //                   ActiveFilter.messages
                  //                 else
                  //                   ActiveFilter.allChats,
                  //                 ActiveFilter.groups,
                  //                 ActiveFilter.unread,
                  //                 if (spaceDelegateCandidates.isNotEmpty &&
                  //                     !AppSettings
                  //                         .displayNavigationRail
                  //                         .value &&
                  //                     !FluffyThemes.isColumnMode(context))
                  //                   ActiveFilter.spaces,
                  //               ]
                  //               .map(
                  //                 (filter) => Padding(
                  //                   padding: const EdgeInsets.symmetric(
                  //                     horizontal: 4.0,
                  //                   ),
                  //                   child: FilterChip(
                  //                     selected:
                  //                         filter == controller.activeFilter,
                  //                     onSelected: (_) =>
                  //                         controller.setActiveFilter(filter),
                  //                     label: Text(
                  //                       filter.toLocalizedString(context),
                  //                     ),
                  //                   ),
                  //                 ),
                  //               )
                  //               .toList(),
                  //     ),
                  //   ),
                  // if (controller.isSearchMode)
                  //   SearchTitle(
                  //     title: L10n.of(context).chats,
                  //     icon: const Icon(Icons.forum_outlined),
                  //   ),
                  // if (client.prevBatch != null &&
                  //     rooms.isEmpty &&
                  //     !controller.isSearchMode) ...[
                  //   Column(
                  //     mainAxisAlignment: .center,
                  //     children: [
                  //       Stack(
                  //         alignment: Alignment.center,
                  //         children: [
                  //           const Column(
                  //             mainAxisSize: .min,
                  //             children: [
                  //               DummyChatListItem(opacity: 0.5, animate: false),
                  //               DummyChatListItem(opacity: 0.3, animate: false),
                  //             ],
                  //           ),
                  //           Icon(
                  //             CupertinoIcons.chat_bubble_text_fill,
                  //             size: 128,
                  //             color: theme.colorScheme.secondary,
                  //           ),
                  //         ],
                  //       ),
                  //       Padding(
                  //         padding: const EdgeInsets.all(16.0),
                  //         child: Text(
                  //           client.rooms.isEmpty
                  //               ? L10n.of(context).noChatsFoundHere
                  //               : L10n.of(context).noMoreChatsFound,
                  //           textAlign: TextAlign.center,
                  //           style: TextStyle(
                  //             fontSize: 18,
                  //             color: theme.colorScheme.secondary,
                  //           ),
                  //         ),
                  //       ),
                  //     ],
                  //   ),
                  // ],
                  if (controller.isSearchMode &&
                      rooms
                          .where(
                            (room) => room
                                .getLocalizedDisplayname(
                                  MatrixLocals(L10n.of(context)),
                                )
                                .toLowerCase()
                                .contains(filter),
                          )
                          .isEmpty)
                    Padding(
                      padding: const EdgeInsetsGeometry.all(16.0),
                      child: Text(
                        L10n.of(context).emptyChatSearch,
                        textAlign: TextAlign.center,
                      ),
                    ),
                  // Pangea#
                ]),
              ),
              if (client.prevBatch == null)
                SliverList(
                  delegate: SliverChildBuilderDelegate(
                    (context, i) => DummyChatListItem(
                      opacity: (dummyChatCount - i) / dummyChatCount,
                      animate: true,
                    ),
                    childCount: dummyChatCount,
                  ),
                ),
              if (client.prevBatch != null)
                SliverList.builder(
                  itemCount: rooms.length,
                  itemBuilder: (BuildContext context, int i) {
                    final room = rooms[i];
                    final space = spaceDelegateCandidates[room.id];
                    return ChatListItem(
                      room,
                      space: space,
                      key: Key('chat_list_item_${room.id}'),
                      filter: filter,
                      onTap: () => controller.onChatTap(room),
                      onLongPress: (context) =>
                          controller.chatContextAction(room, context, space),
                      activeChat: controller.activeChat == room.id,
                    );
                  },
                ),
              // #Pangea
              if (!client.hasBotDM && !controller.isSearchMode)
                SliverToBoxAdapter(
                  child: Padding(
                    padding: const EdgeInsets.symmetric(
                      horizontal: 8,
                      vertical: 1,
                    ),
                    child: Material(
                      borderRadius: BorderRadius.circular(
                        AppConfig.borderRadius,
                      ),
                      clipBehavior: Clip.hardEdge,
                      child: ListTile(
                        leading: const BotFace(
                          expression: BotExpression.idle,
                          width: Avatar.defaultSize,
                        ),
                        trailing: const Icon(Icons.chat_bubble_outline),
                        title: Text(L10n.of(context).directMessageBotTitle),
                        subtitle: Text(L10n.of(context).directMessageBotDesc),
                        onTap: () async {
                          final resp = await showFutureLoadingDialog<String>(
                            context: context,
                            future: () =>
                                Matrix.of(context).client.startChatWithBot(),
                          );
                          if (resp.isError) return;
                          context.go("/rooms/${resp.result}");
                        },
                      ),
                    ),
                  ),
                ),
              if (!client.hasSupportDM &&
                  !InstructionsEnum.dismissSupportChat.isToggledOff &&
                  !controller.isSearchMode)
                SliverToBoxAdapter(
                  child: Padding(
                    padding: const EdgeInsets.symmetric(
                      horizontal: 8,
                      vertical: 1,
                    ),
                    child: Material(
                      borderRadius: BorderRadius.circular(
                        AppConfig.borderRadius,
                      ),
                      clipBehavior: Clip.hardEdge,
                      child: ListTile(
                        contentPadding: const EdgeInsets.only(
                          left: 16,
                          right: 16,
                        ),
                        leading: Container(
                          alignment: Alignment.center,
                          height: Avatar.defaultSize,
                          width: Avatar.defaultSize,
                          child: const Icon(
                            Symbols.chat_add_on,
                            size: Avatar.defaultSize - 16,
                          ),
                        ),
                        trailing: IconButton(
                          icon: const Icon(Icons.close),
                          onPressed: () => InstructionsEnum.dismissSupportChat
                              .setToggledOff(true),
                        ),
                        title: Text(L10n.of(context).chatWithSupport),
                        subtitle: Text(L10n.of(context).supportSubtitle),
                        onTap: () async {
                          await showFutureLoadingDialog(
                            context: context,
                            future: () async {
                              final roomId = await Matrix.of(context).client
                                  .startDirectChat(
                                    Environment.supportUserId,
                                    enableEncryption: false,
                                  );
                              context.go('/rooms/$roomId');
                            },
                          );
                        },
                      ),
                    ),
                  ),
                ),
              const SliverToBoxAdapter(child: SizedBox(height: 75.0)),
              // Pangea#
            ],
          ),
        );
      },
    );
  }
}

class PublicRoomsHorizontalList extends StatelessWidget {
  const PublicRoomsHorizontalList({super.key, required this.publicRooms});

  final List<PublishedRoomsChunk>? publicRooms;

  @override
  Widget build(BuildContext context) {
    final publicRooms = this.publicRooms;
    return AnimatedContainer(
      clipBehavior: Clip.hardEdge,
      decoration: const BoxDecoration(),
      height: publicRooms == null || publicRooms.isEmpty ? 0 : 106,
      duration: FluffyThemes.animationDuration,
      curve: FluffyThemes.animationCurve,
      child: publicRooms == null
          ? null
          : ListView.builder(
              scrollDirection: Axis.horizontal,
              itemCount: publicRooms.length,
              itemBuilder: (context, i) => _SearchItem(
                title:
                    publicRooms[i].name ??
                    publicRooms[i].canonicalAlias?.localpart ??
                    L10n.of(context).group,
                avatar: publicRooms[i].avatarUrl,
                onPressed: () => showAdaptiveDialog(
                  context: context,
                  builder: (c) => PublicRoomDialog(
                    roomAlias:
                        publicRooms[i].canonicalAlias ?? publicRooms[i].roomId,
                    chunk: publicRooms[i],
                  ),
                ),
              ),
            ),
    );
  }
}

class _SearchItem extends StatelessWidget {
  final String title;
  final Uri? avatar;
  final void Function() onPressed;

  const _SearchItem({
    required this.title,
    this.avatar,
    required this.onPressed,
  });

  @override
  Widget build(BuildContext context) => InkWell(
    onTap: onPressed,
    child: SizedBox(
      width: 84,
      child: Column(
        mainAxisSize: .min,
        children: [
          const SizedBox(height: 8),
          Avatar(mxContent: avatar, name: title),
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: Text(
              title,
              maxLines: 2,
              textAlign: TextAlign.center,
              overflow: TextOverflow.ellipsis,
              style: const TextStyle(fontSize: 12),
            ),
          ),
        ],
      ),
    ),
  );
}