zapstore/lib/widgets/zap_button.dart

import 'package:async_button_builder/async_button_builder.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:zapstore/main.data.dart';
import 'package:zapstore/models/app.dart';
import 'package:zapstore/models/user.dart';
import 'package:zapstore/navigation/app_initializer.dart';
import 'package:zapstore/screens/settings_screen.dart';
import 'package:zapstore/utils/extensions.dart';
import 'package:zapstore/utils/signers.dart';
import 'package:zapstore/widgets/sign_in_container.dart';

import '../utils/nwc.dart';

class ZapButton extends HookConsumerWidget {
  ZapButton({
    super.key,
    required this.app,
  });

  final App app;

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final nwcConnection = ref.watch(nwcConnectionProvider);
    final amountController = TextEditingController();
    final commentController = TextEditingController();

    if (app.developer.value?.lud16 == null) {
      return Container();
    }

    return AsyncButtonBuilder(
      loadingWidget: Text('⚡️ Zapping...').bold,
      builder: (context, child, callback, state) => ElevatedButton(
        onPressed: callback,
        style: ElevatedButton.styleFrom(
          backgroundColor: const Color.fromARGB(255, 60, 60, 54),
          disabledBackgroundColor: Colors.grey[600],
        ),
        child: child,
      ),
      onPressed: nwcConnection.isLoading
          ? null
          : () async {
              if (!nwcConnection.isPresent) {
                await showDialog(
                  // ignore: use_build_context_synchronously
                  context: context,
                  builder: (_) => AlertDialog(
                    title: Text('Connect your wallet').bold,
                    content: NwcContainer(dialogMode: true),
                  ),
                );
                if (!ref.read(nwcConnectionProvider).isPresent) {
                  return;
                }
              }

              final valueRecord = await showDialog<(int, String)>(
                // ignore: use_build_context_synchronously
                context: context,
                builder: (context) {
                  return AlertDialog(
                    title: Text('Zap this release').bold,
                    content: Column(
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        Consumer(
                          builder: (context, ref, _) {
                            final signedInUser =
                                ref.watch(signedInUserProvider);

                            if (signedInUser == null) {
                              return Column(
                                children: [
                                  Text(
                                      '⚠️ If you do not sign in, you will be zapping anonymously'),
                                  SignInButton(
                                    publicKeyAllowed: false,
                                    minimal: true,
                                  ),
                                ],
                              );
                            }
                            return Container();
                          },
                        ),
                        TextField(
                          controller: amountController,
                          keyboardType: TextInputType.number,
                          decoration:
                              InputDecoration(hintText: 'Enter amount in sats'),
                        ),
                        Gap(20),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            ElevatedButton(
                              onPressed: () => amountController.text = '21',
                              child: Text('⚡️21'),
                            ),
                            Gap(3),
                            ElevatedButton(
                              onPressed: () => amountController.text = '210',
                              child: Text('⚡️210'),
                            ),
                            Gap(3),
                            ElevatedButton(
                              onPressed: () => amountController.text = '2100',
                              child: Text('⚡️2100'),
                            ),
                          ],
                        ),
                        TextField(
                          controller: commentController,
                          decoration: InputDecoration(
                              hintText: 'Add a comment (optional)'),
                        ),
                      ],
                    ),
                    actions: [
                      TextButton(
                        child: Text('Cancel'),
                        onPressed: () => Navigator.of(context).pop(),
                      ),
                      TextButton(
                        child: Text('Zap').bold,
                        onPressed: () {
                          final record = (
                            int.tryParse(amountController.text) ?? 0,
                            commentController.text
                          );
                          Navigator.of(context).pop(record);
                        },
                      ),
                    ],
                  );
                },
              );

              if (valueRecord == null) {
                return;
              }
              final (amount, comment) = valueRecord;

              if (amount > 0) {
                try {
                  // Reload user as we are in a callback and it could have changed
                  final signedInUser =
                      ref.settings.findOneLocalById('_')!.user.value;
                  if (signedInUser != null) {
                    await signedInUser.zap(amount,
                        event: app.latestMetadata!, comment: comment);
                  } else {
                    await anonUser!.zap(amount,
                        event: app.latestMetadata!,
                        signer: pkSigner,
                        comment: comment);
                  }
                  // ignore: use_build_context_synchronously
                  context.showInfo('$amount sat${amount > 1 ? 's' : ''} sent!',
                      description: 'Payment was successful');
                } catch (e) {
                  // ignore: use_build_context_synchronously
                  context.showError('Unable to zap', description: e.toString());
                }
              }
            },
      child: Text(
        '⚡️ Zap this release',
        style: TextStyle(
            color: Colors.white, fontWeight: FontWeight.bold, fontSize: 15),
      ),
    );
  }
}