zapstore/lib/widgets/rounded_image.dart

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:zapstore/utils/image_url.dart';
import 'package:zapstore/utils/url_utils.dart';

/// A rounded image widget with fallback to person icon
/// Used for user avatars and app icons with consistent styling
class RoundedImage extends StatelessWidget {
  const RoundedImage({
    super.key,
    this.url,
    this.size = 22,
    this.radius = 60,
    this.cdnVariant = CdnImageVariant.iconsm,
  });

  final String? url;
  final double size;
  final double radius;
  final CdnImageVariant cdnVariant;

  @override
  Widget build(BuildContext context) {
    final sanitizedUrl = getCdnImageUrl(sanitizeHttpUrl(url), cdnVariant);
    final fallbackContainer = Container(
      height: size,
      width: size,
      color: Colors.grey[800],
      child: Icon(
        Icons.person,
        color: Colors.blueGrey,
        size: size * 0.7,
      ),
    );
    return ClipRRect(
      borderRadius: BorderRadius.circular(radius.toDouble()),
      child: sanitizedUrl == null
          ? fallbackContainer
          : (sanitizedUrl.toLowerCase().endsWith('svg') ||
                  sanitizedUrl.toLowerCase().endsWith('xml')
              ? fallbackContainer
              : CachedNetworkImage(
                  imageUrl: sanitizedUrl,
                  errorListener: ignoreImageLoadError,
                  errorWidget: (_, __, ___) => fallbackContainer,
                  useOldImageOnUrlChange: false,
                  fit: BoxFit.cover,
                  width: size,
                  height: size,
                )),
    );
  }
}