import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';

import '../hooks/stores.dart';
import 'cached_network_image.dart';

/// User's avatar. Respects the `showAvatars` setting from configStore
/// If passed url is null, a blank box is displayed to prevent weird indents
/// Can be disabled with `noBlank`
class Avatar extends HookWidget {
  const Avatar({
    Key? key,
    required this.url,
    this.radius = 25,
    this.noBlank = false,
    this.alwaysShow = false,
  }) : super(key: key);

  final String? url;
  final double radius;
  final bool noBlank;

  /// Overrides the `showAvatars` setting
  final bool alwaysShow;

  @override
  Widget build(BuildContext context) {
    final showAvatars =
        useConfigStoreSelect((configStore) => configStore.showAvatars) ||
            alwaysShow;

    final blankWidget = () {
      if (noBlank) return const SizedBox.shrink();

      return SizedBox(
        width: radius * 2,
        height: radius * 2,
      );
    }();

    final imageUrl = url;

    if (imageUrl == null || !showAvatars) {
      return blankWidget;
    }

    return ClipOval(
      child: CachedNetworkImage(
        height: radius * 2,
        width: radius * 2,
        imageUrl: imageUrl,
        fit: BoxFit.cover,
        errorBuilder: (_, __) => blankWidget,
      ),
    );
  }
}