app/lib/widgets/src/cache_svg_image.dart

import 'dart:io';

import 'package:fluent_ui/fluent_ui.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:flutter_svg/svg.dart';
import 'package:starcitizen_doctor/common/utils/file_cache_utils.dart';

class CachedSvgImage extends HookWidget {
  final String url;
  final double? width;
  final double? height;
  final BoxFit? fit;

  const CachedSvgImage(this.url, {super.key, this.width, this.height, this.fit});

  @override
  Widget build(BuildContext context) {
    final cachedFile = useState<File?>(null);
    final errorInfo = useState<String?>(null);

    useEffect(() {
      () async {
        try {
          final file = await FileCacheUtils.getFile(url);
          if (context.mounted) cachedFile.value = file;
        } catch (e) {
          debugPrint("Error loading SVG: $e");
          if (context.mounted) errorInfo.value = "Error loading SVG: $e";
        }
      }();
      return null;
    }, [url]);

    if (errorInfo.value != null) {
      return SizedBox(
        width: width,
        height: height,
        child: Center(
          child: Text(errorInfo.value!, style: TextStyle(color: Colors.red)),
        ),
      );
    }

    return cachedFile.value != null
        ? SvgPicture.file(cachedFile.value!, width: width, height: height, fit: fit ?? BoxFit.contain)
        : SizedBox(
            width: width,
            height: height,
            child: Center(child: ProgressRing()),
          );
  }
}