wonders/lib/ui/screens/collection/widgets/_collectible_image.dart

part of '../collection_screen.dart';

class _CollectibleImage extends StatelessWidget {
  const _CollectibleImage({
    super.key,
    required this.collectible,
    required this.state,
    required this.onPressed,
    this.heroTag,
  });

  final CollectibleData collectible;
  final ValueSetter<CollectibleData> onPressed;
  final int state;
  final String? heroTag;

  @override
  Widget build(BuildContext context) {
    return RepaintBoundary(
      child: state == CollectibleState.lost
          ? _buildHidden(context, collectible)
          : _buildFound(context, collectible, state),
    );
  }

  Widget _buildHidden(BuildContext context, CollectibleData collectible) {
    return Container(
      color: $styles.colors.black,
      child: Center(
        child: FractionallySizedBox(
          widthFactor: 0.66,
          heightFactor: 0.66,
          child: Image(
            image: collectible.icon,
            color: $styles.colors.black,
            colorBlendMode: BlendMode.color,
            opacity: AlwaysStoppedAnimation(0.2),
          ),
        ),
      ),
    );
  }

  Widget _buildFound(BuildContext context, CollectibleData collectible, int state) {
    final bool isNew = state == CollectibleState.discovered;
    Widget content = Container(
      width: double.infinity,
      height: double.infinity,
      decoration: BoxDecoration(
        color: $styles.colors.black,
        border: isNew ? Border.all(color: $styles.colors.accent1, width: 3) : null,
        boxShadow:
            !isNew ? null : [BoxShadow(color: $styles.colors.accent1.withOpacity(0.6), blurRadius: $styles.insets.sm)],
      ),
      child: AppImage(
        image: NetworkImage(collectible.imageUrlSmall),
        fit: BoxFit.cover,
        scale: 0.5,
      ),
    );

    return AppBtn.basic(
      semanticLabel: collectible.title,
      onPressed: () => onPressed(collectible),
      child: content,
    );
  }
}