PiliPlus/lib/pages/dynamics/widgets/interaction.dart

import 'package:PiliPlus/models/dynamics/result.dart';
import 'package:flutter/foundation.dart' show kDebugMode;
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:get/get_core/src/get_main.dart';
import 'package:get/get_navigation/src/extension_navigation.dart';

Widget dynInteraction({
  required ThemeData theme,
  required List<ModuleInteractionItem> items,
}) {
  try {
    Widget child;
    if (items.length > 1) {
      child = Column(
        spacing: 3,
        mainAxisSize: .min,
        crossAxisAlignment: .start,
        children: items.map((e) => _item(theme, e)).toList(),
      );
    } else {
      child = _item(theme, items.single);
    }
    return Container(
      padding: const .only(left: 8),
      margin: const .only(left: 12, right: 12, top: 6),
      decoration: BoxDecoration(
        border: Border(
          left: BorderSide(
            width: 1.5,
            color: theme.colorScheme.outline.withValues(alpha: 0.3),
          ),
        ),
      ),
      child: child,
    );
  } catch (e) {
    if (kDebugMode) {
      return Text(
        'interaction error: $e',
        style: TextStyle(color: theme.colorScheme.error),
      );
    }
    return const SizedBox.shrink();
  }
}

Widget _item(
  ThemeData theme,
  ModuleInteractionItem item,
) {
  return Text.rich(
    style: const TextStyle(fontSize: 13, height: 1.3),
    strutStyle: const StrutStyle(fontSize: 13, height: 1.3, leading: 0),
    TextSpan(
      children: [
        WidgetSpan(
          alignment: .middle,
          child: Padding(
            padding: const .only(right: 6),
            child: Icon(
              size: 13,
              color: theme.colorScheme.outline,
              switch (item.type) {
                1 => FontAwesomeIcons.comment,
                _ => FontAwesomeIcons.thumbsUp,
              },
            ),
          ),
        ),
        ...item.desc!.richTextNodes!.map(
          (e) {
            final isAt = e.type == 'RICH_TEXT_NODE_TYPE_AT';
            return TextSpan(
              text: e.origText,
              style: isAt
                  ? null
                  : TextStyle(color: theme.colorScheme.onSurfaceVariant),
              recognizer: isAt
                  ? (TapGestureRecognizer()
                      ..onTap = () => Get.toNamed('/member?mid=${e.rid}'))
                  : null,
            );
          },
        ),
      ],
    ),
  );
}