immich/mobile/packages/ui/lib/src/components/text_button.dart

import 'dart:async';

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

class ImmichTextButton extends StatefulWidget {
  final String labelText;
  final IconData? icon;
  final FutureOr<void> Function() onPressed;
  final FutureOr<void> Function()? onLongPress;
  final ImmichVariant variant;
  final bool expanded;
  final bool disabled;
  final bool? loading;

  const ImmichTextButton({
    super.key,
    required this.labelText,
    this.icon,
    required this.onPressed,
    this.onLongPress,
    this.variant = .filled,
    this.expanded = true,

    this.disabled = false,
    this.loading,
  });

  @override
  State<ImmichTextButton> createState() => _ImmichTextButtonState();
}

class _ImmichTextButtonState extends State<ImmichTextButton> {
  bool _running = false;
  bool get _isLoading => widget.loading ?? _running;
  bool get _isDisabled => widget.disabled || _isLoading;

  Future<void> _runAction(FutureOr<void> Function() action) async {
    setState(() => _running = true);
    try {
      await action();
    } finally {
      if (mounted) {
        setState(() => _running = false);
      }
    }
  }

  VoidCallback? get _onPressed => _isDisabled ? null : () => _runAction(widget.onPressed);

  VoidCallback? get _onLongPress =>
      _isDisabled || widget.onLongPress == null ? null : () => _runAction(widget.onLongPress!);

  @override
  Widget build(BuildContext context) {
    final Widget? icon = _isLoading
        ? const SizedBox.square(
            dimension: ImmichIconSize.md,
            child: CircularProgressIndicator(strokeWidth: ImmichBorderWidth.lg),
          )
        : widget.icon != null
        ? Icon(widget.icon, fontWeight: .w600)
        : null;

    final label = Text(
      widget.labelText,
      style: const .new(fontSize: ImmichTextSize.body, fontWeight: .bold),
    );
    final style = ElevatedButton.styleFrom(padding: const .symmetric(vertical: ImmichSpacing.md));

    final button = switch (widget.variant) {
      ImmichVariant.filled => ElevatedButton.icon(
        style: style,
        onPressed: _onPressed,
        onLongPress: _onLongPress,
        icon: icon,
        label: label,
      ),
      ImmichVariant.ghost => TextButton.icon(
        style: style,
        onPressed: _onPressed,
        onLongPress: _onLongPress,
        icon: icon,
        label: label,
      ),
    };

    if (widget.expanded) {
      return SizedBox(width: double.infinity, child: button);
    }
    return button;
  }
}