import 'dart:async'; import 'package:flutter/material.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:isar/isar.dart'; import 'package:stackwallet/db/isar/main_db.dart'; import 'package:stackwallet/models/isar/models/isar_models.dart'; import 'package:stackwallet/pages/wallet_view/transaction_views/transaction_details_view.dart'; import 'package:stackwallet/providers/global/locale_provider.dart'; import 'package:stackwallet/providers/global/wallets_provider.dart'; import 'package:stackwallet/themes/stack_colors.dart'; import 'package:stackwallet/utilities/amount/amount.dart'; import 'package:stackwallet/utilities/enums/coin_enum.dart'; import 'package:stackwallet/utilities/text_styles.dart'; import 'package:stackwallet/utilities/util.dart'; import 'package:stackwallet/widgets/background.dart'; import 'package:stackwallet/widgets/conditional_parent.dart'; import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart'; import 'package:stackwallet/widgets/custom_buttons/simple_copy_button.dart'; import 'package:stackwallet/widgets/custom_buttons/simple_edit_button.dart'; import 'package:stackwallet/widgets/desktop/desktop_dialog.dart'; import 'package:stackwallet/widgets/desktop/desktop_dialog_close_button.dart'; import 'package:stackwallet/widgets/desktop/secondary_button.dart'; import 'package:stackwallet/widgets/icon_widgets/utxo_status_icon.dart'; import 'package:stackwallet/widgets/rounded_container.dart'; class UtxoDetailsView extends ConsumerStatefulWidget { const UtxoDetailsView({ Key? key, required this.utxoId, required this.walletId, }) : super(key: key); static const routeName = "/utxoDetails"; final Id utxoId; final String walletId; @override ConsumerState createState() => _UtxoDetailsViewState(); } class _UtxoDetailsViewState extends ConsumerState { final isDesktop = Util.isDesktop; late Stream streamUTXO; UTXO? utxo; Stream? streamLabel; AddressLabel? label; bool _popWithRefresh = false; Future _toggleFreeze() async { _popWithRefresh = true; await MainDB.instance.putUTXO(utxo!.copyWith(isBlocked: !utxo!.isBlocked)); } @override void initState() { utxo = MainDB.instance.isar.utxos .where() .idEqualTo(widget.utxoId) .findFirstSync()!; streamUTXO = MainDB.instance.watchUTXO(id: widget.utxoId); if (utxo?.address != null) { label = MainDB.instance.getAddressLabelSync( widget.walletId, utxo!.address!, ); if (label != null) { streamLabel = MainDB.instance.watchAddressLabel(id: label!.id); } } super.initState(); } @override Widget build(BuildContext context) { final coin = ref.watch( walletsChangeNotifierProvider.select( (value) => value.getManager(widget.walletId).coin, ), ); final currentHeight = ref.watch( walletsChangeNotifierProvider.select( (value) => value.getManager(widget.walletId).currentHeight, ), ); final confirmed = utxo!.isConfirmed( currentHeight, coin.requiredConfirmations, ); return ConditionalParent( condition: !isDesktop, builder: (child) => Background( child: Scaffold( backgroundColor: Theme.of(context).extension()!.background, appBar: AppBar( backgroundColor: Theme.of(context).extension()!.background, leading: AppBarBackButton( onPressed: () { Navigator.of(context).pop(_popWithRefresh ? "refresh" : null); }, ), title: Text( "Output details", style: STextStyles.navBarTitle(context), ), ), body: SafeArea( child: LayoutBuilder( builder: (context, constraints) { return Padding( padding: const EdgeInsets.symmetric(horizontal: 16), child: SingleChildScrollView( child: ConstrainedBox( constraints: BoxConstraints( minHeight: constraints.maxHeight, ), child: IntrinsicHeight( child: child, ), ), ), ); }, ), ), ), ), child: StreamBuilder( stream: streamUTXO, builder: (context, snapshot) { if (snapshot.hasData) { utxo = snapshot.data!; } return ConditionalParent( condition: isDesktop, builder: (child) { return DesktopDialog( maxHeight: double.infinity, child: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Padding( padding: const EdgeInsets.only(left: 32), child: Text( "Output details", style: STextStyles.desktopH3(context), ), ), DesktopDialogCloseButton( onPressedOverride: () { Navigator.of(context) .pop(_popWithRefresh ? "refresh" : null); }, ), ], ), IntrinsicHeight( child: Padding( padding: const EdgeInsets.only( left: 32, right: 32, bottom: 32, top: 10, ), child: Column( children: [ IntrinsicHeight( child: RoundedContainer( padding: EdgeInsets.zero, color: Colors.transparent, borderColor: Theme.of(context) .extension()! .textFieldDefaultBG, child: child, ), ), const SizedBox( height: 20, ), SecondaryButton( buttonHeight: ButtonHeight.l, label: utxo!.isBlocked ? "Unfreeze" : "Freeze", onPressed: _toggleFreeze, ), ], ), ), ), ], ), ); }, child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ if (!isDesktop) const SizedBox( height: 10, ), RoundedContainer( padding: const EdgeInsets.all(12), color: isDesktop ? Colors.transparent : Theme.of(context).extension()!.popupBG, child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: [ if (isDesktop) UTXOStatusIcon( blocked: utxo!.isBlocked, status: confirmed ? UTXOStatusIconStatus.confirmed : UTXOStatusIconStatus.unconfirmed, background: Theme.of(context) .extension()! .popupBG, selected: false, width: 32, height: 32, ), if (isDesktop) const SizedBox( width: 16, ), Text( "${utxo!.value.toAmountAsRaw(fractionDigits: coin.decimals).localizedStringAsFixed( locale: ref.watch( localeServiceChangeNotifierProvider.select( (value) => value.locale, ), ), )} ${coin.ticker}", style: STextStyles.pageTitleH2(context), ), ], ), Text( utxo!.isBlocked ? "Frozen" : confirmed ? "Available" : "Unconfirmed", style: STextStyles.w500_14(context).copyWith( color: utxo!.isBlocked ? const Color(0xFF7FA2D4) // todo theme : confirmed ? Theme.of(context) .extension()! .accentColorGreen : Theme.of(context) .extension()! .accentColorYellow, ), ), ], ), ), const _Div(), RoundedContainer( padding: isDesktop ? const EdgeInsets.all(16) : const EdgeInsets.all(12), color: isDesktop ? Colors.transparent : Theme.of(context).extension()!.popupBG, child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Label", style: STextStyles.w500_14(context).copyWith( color: Theme.of(context) .extension()! .textSubtitle1, ), ), SimpleEditButton( editValue: utxo!.name, editLabel: "label", onValueChanged: (newName) { MainDB.instance.putUTXO( utxo!.copyWith( name: newName, ), ); }, ), ], ), const SizedBox( height: 4, ), Text( utxo!.name, style: STextStyles.w500_14(context), ), ], ), ), const _Div(), RoundedContainer( padding: isDesktop ? const EdgeInsets.all(16) : const EdgeInsets.all(12), color: isDesktop ? Colors.transparent : Theme.of(context).extension()!.popupBG, child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Address", style: STextStyles.w500_14(context).copyWith( color: Theme.of(context) .extension()! .textSubtitle1, ), ), isDesktop ? IconCopyButton( data: utxo!.address!, ) : SimpleCopyButton( data: utxo!.address!, ), ], ), const SizedBox( height: 4, ), Text( utxo!.address!, style: STextStyles.w500_14(context), ), ], ), ), if (label != null && label!.value.isNotEmpty) const _Div(), if (label != null && label!.value.isNotEmpty) RoundedContainer( padding: isDesktop ? const EdgeInsets.all(16) : const EdgeInsets.all(12), color: isDesktop ? Colors.transparent : Theme.of(context).extension()!.popupBG, child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Address label", style: STextStyles.w500_14(context).copyWith( color: Theme.of(context) .extension()! .textSubtitle1, ), ), isDesktop ? IconCopyButton( data: label!.value, ) : SimpleCopyButton( data: label!.value, ), ], ), const SizedBox( height: 4, ), Text( label!.value, style: STextStyles.w500_14(context), ), ], ), ), const _Div(), RoundedContainer( padding: isDesktop ? const EdgeInsets.all(16) : const EdgeInsets.all(12), color: isDesktop ? Colors.transparent : Theme.of(context).extension()!.popupBG, child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Transaction ID", style: STextStyles.w500_14(context).copyWith( color: Theme.of(context) .extension()! .textSubtitle1, ), ), isDesktop ? IconCopyButton( data: utxo!.txid, ) : SimpleCopyButton( data: utxo!.txid, ), ], ), const SizedBox( height: 4, ), Text( utxo!.txid, style: STextStyles.w500_14(context), ), ], ), ), const _Div(), RoundedContainer( padding: isDesktop ? const EdgeInsets.all(16) : const EdgeInsets.all(12), color: isDesktop ? Colors.transparent : Theme.of(context).extension()!.popupBG, child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "Confirmations", style: STextStyles.w500_14(context).copyWith( color: Theme.of(context) .extension()! .textSubtitle1, ), ), const SizedBox( height: 4, ), Text( "${utxo!.getConfirmations(currentHeight)}", style: STextStyles.w500_14(context), ), ], ), ), if (utxo!.isBlocked) const _Div(), if (utxo!.isBlocked) Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.stretch, children: [ RoundedContainer( padding: isDesktop ? const EdgeInsets.all(16) : const EdgeInsets.all(12), color: isDesktop ? Colors.transparent : Theme.of(context) .extension()! .popupBG, child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Freeze reason", style: STextStyles.w500_14(context).copyWith( color: Theme.of(context) .extension()! .textSubtitle1, ), ), SimpleEditButton( editValue: utxo!.blockedReason ?? "", editLabel: "freeze reason", onValueChanged: (newReason) { MainDB.instance.putUTXO( utxo!.copyWith( blockedReason: newReason, ), ); }, ), ], ), const SizedBox( height: 4, ), Text( utxo!.blockedReason ?? "", style: STextStyles.w500_14(context), ), ], ), ), if (!isDesktop) const _Div(), ], ), if (!isDesktop) const Spacer(), if (!isDesktop) SecondaryButton( label: utxo!.isBlocked ? "Unfreeze" : "Freeze", onPressed: _toggleFreeze, ), if (!isDesktop) const SizedBox( height: 16, ), ], ), ); }, ), ); } } class _Div extends StatelessWidget { const _Div({Key? key}) : super(key: key); @override Widget build(BuildContext context) { if (Util.isDesktop) { return Container( width: double.infinity, height: 1.0, color: Theme.of(context).extension()!.textFieldDefaultBG, ); } else { return const SizedBox( height: 12, ); } } }