import 'dart:async'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:flutter_svg/flutter_svg.dart'; import 'package:qr_flutter/qr_flutter.dart'; import 'package:stackwallet/notifications/show_flush_bar.dart'; import 'package:stackwallet/pages/receive_view/generate_receiving_uri_qr_code_view.dart'; import 'package:stackwallet/providers/providers.dart'; import 'package:stackwallet/route_generator.dart'; import 'package:stackwallet/utilities/assets.dart'; import 'package:stackwallet/utilities/clipboard_interface.dart'; import 'package:stackwallet/utilities/enums/coin_enum.dart'; import 'package:stackwallet/utilities/text_styles.dart'; import 'package:stackwallet/utilities/theme/stack_colors.dart'; import 'package:stackwallet/widgets/background.dart'; import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart'; import 'package:stackwallet/widgets/custom_buttons/blue_text_button.dart'; import 'package:stackwallet/widgets/custom_loading_overlay.dart'; import 'package:stackwallet/widgets/rounded_white_container.dart'; class ReceiveView extends ConsumerStatefulWidget { const ReceiveView({ Key? key, required this.coin, required this.walletId, this.clipboard = const ClipboardWrapper(), }) : super(key: key); static const String routeName = "/receiveView"; final Coin coin; final String walletId; final ClipboardInterface clipboard; @override ConsumerState createState() => _ReceiveViewState(); } class _ReceiveViewState extends ConsumerState { late final Coin coin; late final String walletId; late final ClipboardInterface clipboard; Future generateNewAddress() async { bool shouldPop = false; unawaited( showDialog( context: context, builder: (_) { return WillPopScope( onWillPop: () async => shouldPop, child: Container( color: Theme.of(context) .extension()! .overlay .withOpacity(0.5), child: const CustomLoadingOverlay( message: "Generating address", eventBus: null, ), ), ); }, ), ); await ref .read(walletsChangeNotifierProvider) .getManager(walletId) .generateNewAddress(); shouldPop = true; if (mounted) { Navigator.of(context) .popUntil(ModalRoute.withName(ReceiveView.routeName)); } } String receivingAddress = ""; @override void initState() { walletId = widget.walletId; coin = widget.coin; clipboard = widget.clipboard; WidgetsBinding.instance.addPostFrameCallback((timeStamp) async { final address = await ref .read(walletsChangeNotifierProvider) .getManager(walletId) .currentReceivingAddress; setState(() { receivingAddress = address; }); }); super.initState(); } @override Widget build(BuildContext context) { debugPrint("BUILD: $runtimeType"); ref.listen( ref .read(walletsChangeNotifierProvider) .getManagerProvider(walletId) .select((value) => value.currentReceivingAddress), (previous, next) { if (next is Future) { next.then((value) => setState(() => receivingAddress = value)); } }); return Background( child: Scaffold( backgroundColor: Theme.of(context).extension()!.background, appBar: AppBar( leading: AppBarBackButton( onPressed: () { Navigator.of(context).pop(); }, ), title: Text( "Receive ${coin.ticker}", style: STextStyles.navBarTitle(context), ), ), body: Padding( padding: const EdgeInsets.all(12), child: SingleChildScrollView( child: Padding( padding: const EdgeInsets.all(4), child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ GestureDetector( onTap: () { clipboard.setData( ClipboardData(text: receivingAddress), ); showFloatingFlushBar( type: FlushBarType.info, message: "Copied to clipboard", iconAsset: Assets.svg.copy, context: context, ); }, child: RoundedWhiteContainer( child: Column( children: [ Row( children: [ Text( "Your ${coin.ticker} address", style: STextStyles.itemSubtitle(context), ), const Spacer(), Row( children: [ SvgPicture.asset( Assets.svg.copy, width: 10, height: 10, color: Theme.of(context) .extension()! .infoItemIcons, ), const SizedBox( width: 4, ), Text( "Copy", style: STextStyles.link2(context), ), ], ), ], ), const SizedBox( height: 4, ), Row( children: [ Expanded( child: Text( receivingAddress, style: STextStyles.itemSubtitle12(context), ), ), ], ), ], ), ), ), if (coin != Coin.epicCash) const SizedBox( height: 12, ), if (coin != Coin.epicCash) TextButton( onPressed: generateNewAddress, style: Theme.of(context) .extension()! .getSecondaryEnabledButtonColor(context), child: Text( "Generate new address", style: STextStyles.button(context).copyWith( color: Theme.of(context) .extension()! .accentColorDark), ), ), const SizedBox( height: 30, ), RoundedWhiteContainer( child: Padding( padding: const EdgeInsets.all(8.0), child: Center( child: Column( children: [ QrImage( data: "${coin.uriScheme}:$receivingAddress", size: MediaQuery.of(context).size.width / 2, foregroundColor: Theme.of(context) .extension()! .accentColorDark), const SizedBox( height: 20, ), BlueTextButton( text: "Create new QR code", onTap: () async { unawaited(Navigator.of(context).push( RouteGenerator.getRoute( shouldUseMaterialRoute: RouteGenerator.useMaterialPageRoute, builder: (_) => GenerateUriQrCodeView( coin: coin, receivingAddress: receivingAddress, ), settings: const RouteSettings( name: GenerateUriQrCodeView.routeName, ), ), )); }, ), ], ), ), ), ), ], ), ), ), ), ), ); } }