mediaAttachment static method

Implementation

static Widget mediaAttachment(
  BuildContext context,
  Attachment e,
  Iterable<Attachment> media, {
  GlobalKey? key,
  ChatItem? item,
  Paginated<ChatItemId, Rx<ChatItem>> Function()? onGallery,
  Future<void> Function(ChatItem?)? onError,
  bool filled = true,
}) {
  final style = Theme.of(context).style;

  final bool isLocal = e is LocalAttachment;

  final bool isVideo;
  if (isLocal) {
    isVideo = e.file.isVideo;
  } else {
    isVideo = e is FileAttachment;
  }

  Widget attachment;
  if (isVideo) {
    attachment = Stack(
      alignment: Alignment.center,
      fit: filled ? StackFit.expand : StackFit.loose,
      children: [
        MediaAttachment(
          key: key,
          attachment: e,
          height: 300,
          onError: () async => await onError?.call(null),
        ),
        Center(
          child: Container(
            width: 60,
            height: 60,
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              color: style.colors.onBackgroundOpacity50,
            ),
            child: Icon(
              Icons.play_arrow,
              color: style.colors.onPrimary,
              size: 48,
            ),
          ),
        ),
      ],
    );
  } else {
    attachment = MediaAttachment(
      key: key,
      attachment: e,
      width: filled ? double.infinity : null,
      height: filled ? double.infinity : null,
      onError: () async => await onError?.call(null),
    );

    if (!isLocal) {
      attachment = KeyedSubtree(
        key: const Key('SentImage'),
        child: attachment,
      );
    }
  }

  return Padding(
    padding: EdgeInsets.zero,
    child: MouseRegion(
      cursor: isLocal ? MouseCursor.defer : SystemMouseCursors.click,
      child: GestureDetector(
        behavior: HitTestBehavior.translucent,
        onTap: isLocal
            ? null
            : () {
                if (onGallery == null) {
                  // [onTap] still needs to be invoked to ensure [ContextMenu]
                  // doesn't get closed, when this is being built within it.
                  return;
                }

                GalleryPopup.show(
                  context: context,
                  gallery: ChatGallery(
                    paginated: onGallery(),
                    initial: (item, e),
                    rect: key,
                    onForbidden: onError,
                  ),
                );
              },
        child: Stack(
          alignment: Alignment.center,
          children: [
            filled
                ? Positioned.fill(child: attachment)
                : Container(
                    constraints: const BoxConstraints(minWidth: 300),
                    width: double.infinity,
                    child: attachment,
                  ),
            ElasticAnimatedSwitcher(
              key: Key('AttachmentStatus_${e.id}'),
              child: !isLocal || e.status.value == SendingStatus.sent
                  ? Container(key: const Key('Sent'))
                  : Container(
                      constraints: filled
                          ? const BoxConstraints(
                              minWidth: 300,
                              minHeight: 300,
                            )
                          : null,
                      child: e.status.value == SendingStatus.sending
                          ? SizedBox(
                              width: 60,
                              height: 60,
                              child: Center(
                                child: CircularProgressIndicator(
                                  key: const Key('Sending'),
                                  value: e.progress.value,
                                  backgroundColor: style.colors.onPrimary,
                                  strokeWidth: 10,
                                ),
                              ),
                            )
                          : Icon(
                              Icons.error,
                              key: const Key('Error'),
                              size: 48,
                              color: style.colors.danger,
                            ),
                    ),
            ),
          ],
        ),
      ),
    ),
  );
}