ente/lib/ui/components/icon_button_widget.dart

import 'package:flutter/material.dart';
import 'package:photos/theme/ente_theme.dart';

class IconButtonWidget extends StatefulWidget {
  final bool isPrimary;
  final bool isSecondary;
  final bool isRounded;
  final IconData icon;
  final VoidCallback? onTap;
  const IconButtonWidget({
    required this.icon,
    this.isPrimary = true,
    this.isSecondary = false,
    this.isRounded = false,
    this.onTap,
    super.key,
  });

  @override
  State<IconButtonWidget> createState() => _IconButtonWidgetState();
}

class _IconButtonWidgetState extends State<IconButtonWidget> {
  Color? iconStateColor;
  @override
  void didChangeDependencies() {
    setState(() {
      iconStateColor = null;
    });
    super.didChangeDependencies();
  }

  @override
  Widget build(BuildContext context) {
    final colorTheme = getEnteColorScheme(context);
    iconStateColor ??
        (iconStateColor = (widget.isRounded ? colorTheme.fillFaint : null));
    return GestureDetector(
      onTapDown: _onTapDown,
      onTapUp: _onTapUp,
      onTapCancel: _onTapCancel,
      onTap: widget.onTap,
      child: AnimatedContainer(
        duration: const Duration(milliseconds: 20),
        padding: const EdgeInsets.all(8),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(20),
          color: iconStateColor,
        ),
        child: Icon(
          Icons.close_outlined,
          color: widget.isSecondary
              ? colorTheme.strokeMuted
              : colorTheme.strokeBase,
          size: 24,
        ),
      ),
    );
  }

  _onTapDown(details) {
    final colorTheme = getEnteColorScheme(context);
    setState(() {
      iconStateColor =
          widget.isRounded ? colorTheme.fillMuted : colorTheme.fillFaint;
    });
  }

  _onTapUp(details) {
    Future.delayed(const Duration(milliseconds: 100), () {
      setState(() {
        iconStateColor = null;
      });
    });
  }

  _onTapCancel() {
    setState(() {
      iconStateColor = null;
    });
  }
}