frosty/lib/screens/channel/chat/widgets/reply_thread.dart

import 'package:collection/collection.dart';
import 'package:flutter/material.dart';
import 'package:flutter_mobx/flutter_mobx.dart';
import 'package:frosty/constants.dart';
import 'package:frosty/models/irc.dart';
import 'package:frosty/screens/channel/chat/stores/chat_store.dart';
import 'package:frosty/screens/channel/chat/widgets/chat_message.dart';
import 'package:frosty/widgets/section_header.dart';

class ReplyThread extends StatelessWidget {
  final IRCMessage selectedMessage;
  final ChatStore chatStore;

  const ReplyThread({
    super.key,
    required this.selectedMessage,
    required this.chatStore,
  });

  @override
  Widget build(BuildContext context) {
    final replyParent = chatStore.messages.firstWhereOrNull(
      (message) =>
          message.tags['id'] == selectedMessage.tags['reply-parent-msg-id'],
    );

    final replyDisplayName = selectedMessage.tags['reply-parent-display-name'];
    final replyUserLogin = selectedMessage.tags['reply-parent-user-login'];
    final replyBody = selectedMessage.tags['reply-parent-msg-body'];

    final replyName = regexEnglish.hasMatch(replyDisplayName!)
        ? replyDisplayName
        : '$replyDisplayName ($replyUserLogin)';

    return Observer(
      builder: (context) {
        return MediaQuery(
          data: MediaQuery.of(context).copyWith(
            textScaleFactor: chatStore.settings.messageScale,
          ),
          child: DefaultTextStyle(
            style: DefaultTextStyle.of(context)
                .style
                .copyWith(fontSize: chatStore.settings.fontSize),
            child: ListView(
              shrinkWrap: true,
              primary: false,
              children: [
                const SectionHeader(
                  'Reply thread',
                  padding: EdgeInsets.fromLTRB(12, 0, 12, 8),
                ),
                if (replyParent != null)
                  ChatMessage(
                    isModal: true,
                    ircMessage: replyParent,
                    chatStore: chatStore,
                  )
                else
                  Padding(
                    padding: const EdgeInsets.fromLTRB(12, 0, 12, 8),
                    child: Text(
                      'Replies to @$replyName: $replyBody',
                      style: const TextStyle(
                        fontWeight: FontWeight.w500,
                      ),
                    ),
                  ),
                ...chatStore.messages
                    .where(
                      (message) =>
                          message.tags['reply-parent-msg-id'] ==
                          selectedMessage.tags['reply-parent-msg-id'],
                    )
                    .map(
                      (message) => ChatMessage(
                        isModal: true,
                        ircMessage: message,
                        chatStore: chatStore,
                      ),
                    ),
              ],
            ),
          ),
        );
      },
    );
  }
}