fluffychat/lib/pangea/widgets/chat/message_selection_overlay.dart

import 'package:fluffychat/pages/chat/chat.dart';
import 'package:fluffychat/pangea/matrix_event_wrappers/pangea_message_event.dart';
import 'package:fluffychat/pangea/utils/any_state_holder.dart';
import 'package:fluffychat/pangea/widgets/chat/message_toolbar.dart';
import 'package:fluffychat/pangea/widgets/chat/overlay_footer.dart';
import 'package:fluffychat/pangea/widgets/chat/overlay_header.dart';
import 'package:fluffychat/pangea/widgets/chat/overlay_message.dart';
import 'package:fluffychat/utils/platform_infos.dart';
import 'package:fluffychat/widgets/matrix.dart';
import 'package:flutter/material.dart';

class MessageSelectionOverlay extends StatelessWidget {
  final ChatController controller;
  final ToolbarDisplayController toolbarController;
  final Function closeToolbar;
  final Widget toolbar;
  final PangeaMessageEvent pangeaMessageEvent;
  final bool ownMessage;
  final bool immersionMode;
  final String targetId;

  const MessageSelectionOverlay({
    required this.controller,
    required this.closeToolbar,
    required this.toolbar,
    required this.pangeaMessageEvent,
    required this.immersionMode,
    required this.ownMessage,
    required this.targetId,
    required this.toolbarController,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    final LayerLinkAndKey layerLinkAndKey =
        MatrixState.pAnyState.layerLinkAndKey(targetId);
    final targetRenderBox =
        layerLinkAndKey.key.currentContext?.findRenderObject();

    double center = 290;
    double left = 0;
    bool showDown = false;
    final double footerSize = PlatformInfos.isMobile
        ? PlatformInfos.isIOS
            ? 128
            : 130
        : 144;
    final double headerSize = PlatformInfos.isMobile
        ? PlatformInfos.isIOS
            ? 122
            : 86
        : 80;
    final double stackSize =
        MediaQuery.of(context).size.height - footerSize - headerSize;

    if (targetRenderBox != null) {
      final Size transformTargetSize = (targetRenderBox as RenderBox).size;
      final Offset targetOffset = (targetRenderBox).localToGlobal(Offset.zero);
      left = targetOffset.dx;
      showDown = targetOffset.dy + transformTargetSize.height <=
          headerSize + stackSize / 2;

      center = targetOffset.dy -
          headerSize +
          (showDown ? transformTargetSize.height + 3 : (-3));
      // If top of selected message extends below header
      if (targetOffset.dy <= headerSize) {
        center = transformTargetSize.height + 3;
        showDown = true;
      }
      // If bottom of selected message extends below footer
      else if (targetOffset.dy + transformTargetSize.height >=
          headerSize + stackSize) {
        center = stackSize - transformTargetSize.height - 3;
      }
      // If message is too long, or awkwardly positioned,
      // center to avoid hitting edges of stack
      if (transformTargetSize.height >= stackSize / 2 - 3 ||
          (targetOffset.dy < headerSize + stackSize / 2 &&
              targetOffset.dy + transformTargetSize.height >
                  headerSize + stackSize / 2)) {
        center = stackSize / 2;
      }
    }

    final Widget overlayMessage = OverlayMessage(
      pangeaMessageEvent.event,
      timeline: pangeaMessageEvent.timeline,
      immersionMode: immersionMode,
      ownMessage: pangeaMessageEvent.ownMessage,
      toolbarController: toolbarController,
      width: 290,
      showDown: showDown,
    );

    return Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      mainAxisSize: MainAxisSize.max,
      crossAxisAlignment:
          ownMessage ? CrossAxisAlignment.end : CrossAxisAlignment.start,
      children: [
        OverlayHeader(
          controller: controller,
          closeToolbar: closeToolbar,
        ),
        const SizedBox(
          height: 7,
        ),
        Flexible(
          child: Stack(
            children: [
              Positioned(
                left: ownMessage ? null : left,
                right: ownMessage
                    ? PlatformInfos.isMobile
                        ? 8
                        : 16
                    : null,
                bottom: stackSize - center + 3,
                child: showDown ? overlayMessage : toolbar,
              ),
              Positioned(
                left: ownMessage ? null : left,
                right: ownMessage
                    ? PlatformInfos.isMobile
                        ? 8
                        : 16
                    : null,
                top: center + 3,
                child: showDown ? toolbar : overlayMessage,
              ),
            ],
          ),
        ),
        const SizedBox(
          height: 7,
        ),
        OverlayFooter(controller: controller),
      ],
    );
  }
}