mirror of
https://github.com/cypherstack/stack_wallet.git
synced 2024-12-23 20:09:23 +00:00
570 lines
22 KiB
Dart
570 lines
22 KiB
Dart
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<UtxoDetailsView> createState() => _UtxoDetailsViewState();
|
|
}
|
|
|
|
class _UtxoDetailsViewState extends ConsumerState<UtxoDetailsView> {
|
|
final isDesktop = Util.isDesktop;
|
|
|
|
late Stream<UTXO?> streamUTXO;
|
|
UTXO? utxo;
|
|
|
|
Stream<AddressLabel?>? streamLabel;
|
|
AddressLabel? label;
|
|
|
|
bool _popWithRefresh = false;
|
|
|
|
Future<void> _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<StackColors>()!.background,
|
|
appBar: AppBar(
|
|
backgroundColor:
|
|
Theme.of(context).extension<StackColors>()!.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<UTXO?>(
|
|
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<StackColors>()!
|
|
.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<StackColors>()!.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<StackColors>()!
|
|
.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<StackColors>()!
|
|
.accentColorGreen
|
|
: Theme.of(context)
|
|
.extension<StackColors>()!
|
|
.accentColorYellow,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const _Div(),
|
|
RoundedContainer(
|
|
padding: isDesktop
|
|
? const EdgeInsets.all(16)
|
|
: const EdgeInsets.all(12),
|
|
color: isDesktop
|
|
? Colors.transparent
|
|
: Theme.of(context).extension<StackColors>()!.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<StackColors>()!
|
|
.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<StackColors>()!.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<StackColors>()!
|
|
.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<StackColors>()!.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<StackColors>()!
|
|
.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<StackColors>()!.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<StackColors>()!
|
|
.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<StackColors>()!.popupBG,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Confirmations",
|
|
style: STextStyles.w500_14(context).copyWith(
|
|
color: Theme.of(context)
|
|
.extension<StackColors>()!
|
|
.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<StackColors>()!
|
|
.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<StackColors>()!
|
|
.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<StackColors>()!.textFieldDefaultBG,
|
|
);
|
|
} else {
|
|
return const SizedBox(
|
|
height: 12,
|
|
);
|
|
}
|
|
}
|
|
}
|