stack_wallet/lib/pages/send_view/confirm_transaction_view.dart

1049 lines
42 KiB
Dart
Raw Normal View History

import 'dart:async';
2022-11-01 17:42:33 +00:00
import 'package:decimal/decimal.dart';
2022-08-26 08:11:35 +00:00
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
2022-11-01 17:42:33 +00:00
import 'package:flutter_svg/svg.dart';
2023-01-26 18:16:38 +00:00
import 'package:stackwallet/models/paynym/paynym_account_lite.dart';
import 'package:stackwallet/notifications/show_flush_bar.dart';
2022-08-26 08:11:35 +00:00
import 'package:stackwallet/pages/pinpad_views/lock_screen_view.dart';
import 'package:stackwallet/pages/send_view/sub_widgets/sending_transaction_dialog.dart';
2023-03-31 15:25:51 +00:00
import 'package:stackwallet/pages/token_view/token_view.dart';
2022-08-26 08:11:35 +00:00
import 'package:stackwallet/pages/wallet_view/wallet_view.dart';
2023-03-16 18:10:59 +00:00
import 'package:stackwallet/pages_desktop_specific/coin_control/desktop_coin_control_use_dialog.dart';
2022-12-01 14:48:23 +00:00
import 'package:stackwallet/pages_desktop_specific/my_stack_view/wallet_view/sub_widgets/desktop_auth_send.dart';
2022-08-26 08:11:35 +00:00
import 'package:stackwallet/providers/providers.dart';
2022-09-21 00:46:07 +00:00
import 'package:stackwallet/providers/wallet/public_private_balance_state_provider.dart';
2022-08-26 08:11:35 +00:00
import 'package:stackwallet/route_generator.dart';
import 'package:stackwallet/services/coins/epiccash/epiccash_wallet.dart';
2022-09-07 15:56:10 +00:00
import 'package:stackwallet/services/coins/firo/firo_wallet.dart';
import 'package:stackwallet/services/mixins/paynym_wallet_interface.dart';
2023-04-06 21:24:56 +00:00
import 'package:stackwallet/utilities/amount/amount.dart';
2022-11-01 17:42:33 +00:00
import 'package:stackwallet/utilities/assets.dart';
import 'package:stackwallet/utilities/constants.dart';
2022-08-26 08:11:35 +00:00
import 'package:stackwallet/utilities/enums/coin_enum.dart';
import 'package:stackwallet/utilities/text_styles.dart';
import 'package:stackwallet/utilities/theme/stack_colors.dart';
2022-11-01 17:42:33 +00:00
import 'package:stackwallet/utilities/util.dart';
import 'package:stackwallet/widgets/background.dart';
2022-11-01 17:42:33 +00:00
import 'package:stackwallet/widgets/conditional_parent.dart';
2022-08-26 08:11:35 +00:00
import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart';
2022-11-14 15:05:45 +00:00
import 'package:stackwallet/widgets/desktop/desktop_dialog.dart';
import 'package:stackwallet/widgets/desktop/desktop_dialog_close_button.dart';
2022-11-01 17:42:33 +00:00
import 'package:stackwallet/widgets/desktop/primary_button.dart';
import 'package:stackwallet/widgets/icon_widgets/x_icon.dart';
2022-08-26 08:11:35 +00:00
import 'package:stackwallet/widgets/rounded_container.dart';
import 'package:stackwallet/widgets/rounded_white_container.dart';
import 'package:stackwallet/widgets/stack_dialog.dart';
import 'package:stackwallet/widgets/stack_text_field.dart';
import 'package:stackwallet/widgets/textfield_icon_button.dart';
2022-08-26 08:11:35 +00:00
class ConfirmTransactionView extends ConsumerStatefulWidget {
const ConfirmTransactionView({
Key? key,
required this.transactionInfo,
required this.walletId,
this.routeOnSuccessName = WalletView.routeName,
2022-11-22 15:11:18 +00:00
this.isTradeTransaction = false,
this.isPaynymTransaction = false,
this.isPaynymNotificationTransaction = false,
2023-03-31 15:25:51 +00:00
this.isTokenTx = false,
this.onSuccessInsteadOfRouteOnSuccess,
2022-08-26 08:11:35 +00:00
}) : super(key: key);
static const String routeName = "/confirmTransactionView";
final Map<String, dynamic> transactionInfo;
final String walletId;
final String routeOnSuccessName;
2022-11-22 15:11:18 +00:00
final bool isTradeTransaction;
final bool isPaynymTransaction;
final bool isPaynymNotificationTransaction;
2023-03-31 15:25:51 +00:00
final bool isTokenTx;
final VoidCallback? onSuccessInsteadOfRouteOnSuccess;
2022-08-26 08:11:35 +00:00
@override
ConsumerState<ConfirmTransactionView> createState() =>
_ConfirmTransactionViewState();
}
class _ConfirmTransactionViewState
extends ConsumerState<ConfirmTransactionView> {
late final Map<String, dynamic> transactionInfo;
late final String walletId;
late final String routeOnSuccessName;
2022-11-01 17:42:33 +00:00
late final bool isDesktop;
late final FocusNode _noteFocusNode;
late final TextEditingController noteController;
2022-08-26 08:11:35 +00:00
Future<void> _attemptSend(BuildContext context) async {
final manager =
ref.read(walletsChangeNotifierProvider).getManager(walletId);
2022-11-14 15:05:45 +00:00
unawaited(
showDialog<dynamic>(
context: context,
useSafeArea: false,
barrierDismissible: false,
builder: (context) {
return SendingTransactionDialog(
coin: manager.coin,
);
2022-11-14 15:05:45 +00:00
},
),
);
2022-08-26 08:11:35 +00:00
final time = Future<dynamic>.delayed(
const Duration(
2023-03-14 15:43:54 +00:00
milliseconds: 2500,
),
);
late String txid;
Future<String> txidFuture;
final note = noteController.text;
2022-08-26 08:11:35 +00:00
try {
2023-03-31 15:25:51 +00:00
if (widget.isTokenTx) {
txidFuture = ref
.read(tokenServiceProvider)!
.confirmSend(txData: transactionInfo);
} else if (widget.isPaynymNotificationTransaction) {
txidFuture = (manager.wallet as PaynymWalletInterface)
.broadcastNotificationTx(preparedTx: transactionInfo);
} else if (widget.isPaynymTransaction) {
txidFuture = manager.confirmSend(txData: transactionInfo);
2022-09-07 15:56:10 +00:00
} else {
final coin = manager.coin;
if ((coin == Coin.firo || coin == Coin.firoTestNet) &&
ref.read(publicPrivateBalanceStateProvider.state).state !=
"Private") {
txidFuture = (manager.wallet as FiroWallet)
.confirmSendPublic(txData: transactionInfo);
} else {
txidFuture = manager.confirmSend(txData: transactionInfo);
}
2022-09-07 15:56:10 +00:00
}
final results = await Future.wait([
txidFuture,
time,
]);
txid = results.first as String;
2023-03-16 18:10:59 +00:00
ref.refresh(desktopUseUTXOs);
2022-08-26 08:11:35 +00:00
// save note
await ref
2022-08-26 08:11:35 +00:00
.read(notesServiceChangeNotifierProvider(walletId))
.editOrAddNote(txid: txid, note: note);
2023-03-31 15:25:51 +00:00
if (widget.isTokenTx) {
unawaited(ref.read(tokenServiceProvider)!.refresh());
} else {
unawaited(manager.refresh());
}
2022-08-26 08:11:35 +00:00
// pop back to wallet
if (mounted) {
if (widget.onSuccessInsteadOfRouteOnSuccess == null) {
Navigator.of(context)
.popUntil(ModalRoute.withName(routeOnSuccessName));
} else {
widget.onSuccessInsteadOfRouteOnSuccess!.call();
}
2022-08-26 08:11:35 +00:00
}
} on BadEpicHttpAddressException catch (_) {
if (mounted) {
// pop building dialog
Navigator.of(context).pop();
unawaited(
showFloatingFlushBar(
type: FlushBarType.warning,
message:
2022-09-07 15:56:10 +00:00
"Connection failed. Please check the address and try again.",
context: context,
),
);
return;
}
2022-08-26 08:11:35 +00:00
} catch (e, s) {
2022-12-13 00:17:02 +00:00
//todo: comeback to this
2022-08-26 08:11:35 +00:00
debugPrint("$e\n$s");
// pop sending dialog
Navigator.of(context).pop();
await showDialog<void>(
2022-08-26 08:11:35 +00:00
context: context,
useSafeArea: false,
barrierDismissible: true,
builder: (context) {
2022-11-14 15:05:45 +00:00
if (isDesktop) {
return DesktopDialog(
maxWidth: 450,
child: Padding(
padding: const EdgeInsets.all(32),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Broadcast transaction failed",
style: STextStyles.desktopH3(context),
),
const SizedBox(
height: 24,
),
Text(
e.toString(),
style: STextStyles.smallMed14(context),
),
const SizedBox(
height: 56,
),
Row(
children: [
const Spacer(),
Expanded(
child: PrimaryButton(
2022-11-17 17:46:44 +00:00
buttonHeight: ButtonHeight.l,
2022-11-14 15:05:45 +00:00
label: "Ok",
onPressed: Navigator.of(context).pop,
),
),
],
)
],
),
2022-08-26 08:11:35 +00:00
),
2022-11-14 15:05:45 +00:00
);
} else {
return StackDialog(
title: "Broadcast transaction failed",
message: e.toString(),
rightButton: TextButton(
style: Theme.of(context)
.extension<StackColors>()!
2023-01-24 19:29:12 +00:00
.getSecondaryEnabledButtonStyle(context),
2022-11-14 15:05:45 +00:00
child: Text(
"Ok",
style: STextStyles.button(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.accentColorDark),
),
onPressed: () {
Navigator.of(context).pop();
},
),
);
}
2022-08-26 08:11:35 +00:00
},
);
}
}
@override
void initState() {
2022-11-01 17:42:33 +00:00
isDesktop = Util.isDesktop;
2022-08-26 08:11:35 +00:00
transactionInfo = widget.transactionInfo;
walletId = widget.walletId;
routeOnSuccessName = widget.routeOnSuccessName;
_noteFocusNode = FocusNode();
noteController = TextEditingController();
noteController.text = transactionInfo["note"] as String? ?? "";
2022-08-26 08:11:35 +00:00
super.initState();
}
@override
void dispose() {
noteController.dispose();
_noteFocusNode.dispose();
super.dispose();
}
2022-08-26 08:11:35 +00:00
@override
Widget build(BuildContext context) {
final managerProvider = ref.watch(walletsChangeNotifierProvider
.select((value) => value.getManagerProvider(walletId)));
2022-11-01 17:42:33 +00:00
2023-03-31 15:25:51 +00:00
final String unit;
if (widget.isTokenTx) {
unit = ref.watch(
tokenServiceProvider.select((value) => value!.tokenContract.symbol));
} else {
unit = ref.watch(walletsChangeNotifierProvider
.select((value) => value.getManager(walletId).coin.ticker));
}
2022-11-01 17:42:33 +00:00
return ConditionalParent(
condition: !isDesktop,
builder: (child) => Background(
child: Scaffold(
2022-11-01 17:42:33 +00:00
backgroundColor:
Theme.of(context).extension<StackColors>()!.background,
appBar: AppBar(
backgroundColor:
Theme.of(context).extension<StackColors>()!.background,
leading: AppBarBackButton(
onPressed: () async {
// if (FocusScope.of(context).hasFocus) {
// FocusScope.of(context).unfocus();
// await Future<void>.delayed(Duration(milliseconds: 50));
// }
Navigator.of(context).pop();
},
),
title: Text(
"Confirm transaction",
style: STextStyles.navBarTitle(context),
),
2022-11-01 17:42:33 +00:00
),
body: LayoutBuilder(
builder: (builderContext, constraints) {
return Padding(
padding: const EdgeInsets.only(
left: 12,
top: 12,
right: 12,
),
child: SingleChildScrollView(
child: ConstrainedBox(
constraints: BoxConstraints(
minHeight: constraints.maxHeight - 24,
),
child: IntrinsicHeight(
child: Padding(
padding: const EdgeInsets.all(4),
child: child,
),
2022-11-01 17:42:33 +00:00
),
),
),
);
},
),
2022-08-26 08:11:35 +00:00
),
),
2022-11-01 17:42:33 +00:00
child: ConditionalParent(
condition: isDesktop,
builder: (child) => Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.min,
children: [
Row(
children: [
AppBarBackButton(
size: 40,
iconSize: 24,
onPressed: () => Navigator.of(
context,
rootNavigator: true,
).pop(),
2022-08-26 08:11:35 +00:00
),
2022-11-01 17:42:33 +00:00
Text(
2023-03-31 15:25:51 +00:00
"Confirm $unit transaction",
2022-11-01 17:42:33 +00:00
style: STextStyles.desktopH3(context),
),
],
),
child,
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisSize: isDesktop ? MainAxisSize.min : MainAxisSize.max,
children: [
if (!isDesktop)
Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Text(
2023-03-31 15:25:51 +00:00
"Send $unit",
2022-11-01 17:42:33 +00:00
style: STextStyles.pageTitleH1(context),
),
const SizedBox(
height: 12,
),
RoundedWhiteContainer(
2022-08-26 08:11:35 +00:00
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Text(
2023-01-26 18:16:38 +00:00
widget.isPaynymTransaction
? "PayNym recipient"
: "Recipient",
2022-11-01 17:42:33 +00:00
style: STextStyles.smallMed12(context),
2022-08-26 08:11:35 +00:00
),
const SizedBox(
2022-11-01 17:42:33 +00:00
height: 4,
2022-08-26 08:11:35 +00:00
),
2022-11-01 17:42:33 +00:00
Text(
2023-01-26 18:16:38 +00:00
widget.isPaynymTransaction
? (transactionInfo["paynymAccountLite"]
as PaynymAccountLite)
.nymName
: "${transactionInfo["address"] ?? "ERROR"}",
2022-11-01 17:42:33 +00:00
style: STextStyles.itemSubtitle12(context),
2022-08-26 08:11:35 +00:00
),
2022-11-01 17:42:33 +00:00
],
),
),
const SizedBox(
height: 12,
),
RoundedWhiteContainer(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"Amount",
style: STextStyles.smallMed12(context),
2022-08-26 08:11:35 +00:00
),
2022-11-01 17:42:33 +00:00
Text(
2023-04-05 22:06:31 +00:00
"${(transactionInfo["recipientAmt"] as Amount).localizedStringAsFixed(
locale: ref.watch(
localeServiceChangeNotifierProvider
.select((value) => value.locale),
),
)} $unit",
2022-11-01 17:42:33 +00:00
style: STextStyles.itemSubtitle12(context),
textAlign: TextAlign.right,
2022-08-26 08:11:35 +00:00
),
2022-11-01 17:42:33 +00:00
],
),
),
const SizedBox(
height: 12,
),
RoundedWhiteContainer(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"Transaction fee",
style: STextStyles.smallMed12(context),
2022-08-26 08:11:35 +00:00
),
2022-11-01 17:42:33 +00:00
Text(
2023-04-06 20:21:49 +00:00
"${(transactionInfo["fee"] as int).toAmountAsRaw(
2023-04-05 22:06:31 +00:00
fractionDigits: ref.watch(
managerProvider.select(
(value) => value.coin.decimals,
),
),
).localizedStringAsFixed(
locale: ref.watch(
localeServiceChangeNotifierProvider
.select((value) => value.locale),
),
)} ${ref.watch(
2022-11-01 17:42:33 +00:00
managerProvider.select((value) => value.coin),
).ticker}",
style: STextStyles.itemSubtitle12(context),
textAlign: TextAlign.right,
2022-08-26 08:11:35 +00:00
),
2022-11-01 17:42:33 +00:00
],
),
),
const SizedBox(
height: 12,
),
RoundedWhiteContainer(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Text(
"Note",
style: STextStyles.smallMed12(context),
2022-08-26 08:11:35 +00:00
),
const SizedBox(
2022-11-01 17:42:33 +00:00
height: 4,
),
Text(
transactionInfo["note"] as String,
style: STextStyles.itemSubtitle12(context),
2022-08-26 08:11:35 +00:00
),
2022-11-01 17:42:33 +00:00
],
),
),
],
),
if (isDesktop)
Padding(
padding: const EdgeInsets.only(
top: 16,
left: 32,
right: 32,
bottom: 50,
),
child: RoundedWhiteContainer(
padding: const EdgeInsets.all(0),
borderColor:
Theme.of(context).extension<StackColors>()!.background,
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Container(
decoration: BoxDecoration(
color: Theme.of(context)
.extension<StackColors>()!
2022-11-01 17:42:33 +00:00
.background,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(
Constants.size.circularBorderRadius,
),
topRight: Radius.circular(
Constants.size.circularBorderRadius,
),
),
),
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 12,
vertical: 22,
),
2022-08-26 08:11:35 +00:00
child: Row(
children: [
2022-11-01 17:42:33 +00:00
SvgPicture.asset(
Assets.svg.send(context),
width: 32,
height: 32,
),
const SizedBox(
width: 16,
2022-08-26 08:11:35 +00:00
),
Text(
2023-03-31 15:25:51 +00:00
"Send $unit",
2022-11-01 17:42:33 +00:00
style: STextStyles.desktopTextMedium(context),
2022-08-26 08:11:35 +00:00
),
],
),
),
2022-11-01 17:42:33 +00:00
),
Padding(
padding: const EdgeInsets.all(12),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Amount",
style: STextStyles.desktopTextExtraExtraSmall(
context),
),
const SizedBox(
height: 2,
),
Builder(
builder: (context) {
final amount =
2023-04-05 22:06:31 +00:00
transactionInfo["recipientAmt"] as Amount;
2022-11-01 17:42:33 +00:00
final coin = ref.watch(
managerProvider.select(
(value) => value.coin,
),
);
final externalCalls = ref.watch(
prefsChangeNotifierProvider.select(
(value) => value.externalCalls));
String fiatAmount = "N/A";
if (externalCalls) {
final price = ref
.read(priceAnd24hChangeNotifierProvider)
.getPrice(coin)
.item1;
if (price > Decimal.zero) {
2023-04-05 22:06:31 +00:00
fiatAmount = (amount.decimal * price)
.toAmount(fractionDigits: 2)
.localizedStringAsFixed(
locale: ref
.read(
localeServiceChangeNotifierProvider)
.locale,
);
2022-11-01 17:42:33 +00:00
}
}
return Row(
children: [
Text(
2023-04-05 22:06:31 +00:00
"${amount.localizedStringAsFixed(
locale: ref.watch(
2022-11-01 17:42:33 +00:00
localeServiceChangeNotifierProvider
.select((value) => value.locale),
),
2023-03-31 15:25:51 +00:00
)} $unit",
2022-11-01 17:42:33 +00:00
style: STextStyles
.desktopTextExtraExtraSmall(
context)
.copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textDark,
),
),
if (externalCalls)
Text(
" | ",
style: STextStyles
.desktopTextExtraExtraSmall(
context),
),
if (externalCalls)
Text(
"~$fiatAmount ${ref.watch(prefsChangeNotifierProvider.select(
(value) => value.currency,
))}",
style: STextStyles
.desktopTextExtraExtraSmall(
context),
),
],
);
},
),
],
2022-08-26 08:11:35 +00:00
),
2022-11-01 17:42:33 +00:00
),
Container(
height: 1,
color: Theme.of(context)
.extension<StackColors>()!
.background,
),
Padding(
padding: const EdgeInsets.all(12),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
2023-02-10 18:07:57 +00:00
widget.isPaynymTransaction
? "PayNym recipient"
: "Send to",
2022-11-01 17:42:33 +00:00
style: STextStyles.desktopTextExtraExtraSmall(
context),
),
const SizedBox(
height: 2,
),
Text(
2023-02-10 18:07:57 +00:00
widget.isPaynymTransaction
? (transactionInfo["paynymAccountLite"]
as PaynymAccountLite)
.nymName
: "${transactionInfo["address"] ?? "ERROR"}",
2022-11-01 17:42:33 +00:00
style: STextStyles.desktopTextExtraExtraSmall(
context)
.copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textDark,
2022-08-26 08:11:35 +00:00
),
2022-11-01 17:42:33 +00:00
)
],
),
),
2023-02-10 18:07:57 +00:00
if (widget.isPaynymTransaction)
Container(
height: 1,
color: Theme.of(context)
.extension<StackColors>()!
.background,
),
if (widget.isPaynymTransaction)
Padding(
padding: const EdgeInsets.all(12),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Transaction fee",
style: STextStyles.desktopTextExtraExtraSmall(
context),
),
const SizedBox(
height: 2,
),
Builder(
builder: (context) {
final coin = ref
.watch(walletsChangeNotifierProvider
.select((value) =>
value.getManager(walletId)))
.coin;
2023-04-06 20:21:49 +00:00
final fee = (transactionInfo["fee"] as int)
.toAmountAsRaw(
2023-04-05 22:06:31 +00:00
fractionDigits: coin.decimals,
2023-02-10 18:07:57 +00:00
);
return Text(
2023-04-05 22:06:31 +00:00
"${fee.localizedStringAsFixed(
2023-02-10 18:07:57 +00:00
locale: ref.watch(
2023-04-05 22:06:31 +00:00
localeServiceChangeNotifierProvider
.select(
(value) => value.locale,
),
),
2023-02-10 18:07:57 +00:00
)} ${coin.ticker}",
style:
STextStyles.desktopTextExtraExtraSmall(
context)
.copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textDark,
),
);
},
),
],
),
),
// Container(
// height: 1,
// color: Theme.of(context)
// .extension<StackColors>()!
// .background,
// ),
// Padding(
// padding: const EdgeInsets.all(12),
// child: Column(
// mainAxisSize: MainAxisSize.min,
// crossAxisAlignment: CrossAxisAlignment.start,
// children: [
// Text(
// "Note",
// style: STextStyles.desktopTextExtraExtraSmall(
// context),
// ),
// const SizedBox(
// height: 2,
// ),
// Text(
// transactionInfo["note"] as String,
// style: STextStyles.desktopTextExtraExtraSmall(
// context)
// .copyWith(
// color: Theme.of(context)
// .extension<StackColors>()!
// .textDark,
// ),
// )
// ],
// ),
// ),
],
),
),
),
if (isDesktop)
Padding(
padding: const EdgeInsets.only(
left: 32,
right: 32,
),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Note (optional)",
style:
STextStyles.desktopTextExtraSmall(context).copyWith(
2022-11-01 17:42:33 +00:00
color: Theme.of(context)
.extension<StackColors>()!
.textFieldActiveSearchIconRight,
2022-11-01 17:42:33 +00:00
),
textAlign: TextAlign.left,
),
const SizedBox(
height: 10,
),
ClipRRect(
borderRadius: BorderRadius.circular(
Constants.size.circularBorderRadius,
),
child: TextField(
minLines: 1,
maxLines: 5,
autocorrect: isDesktop ? false : true,
enableSuggestions: isDesktop ? false : true,
controller: noteController,
focusNode: _noteFocusNode,
style:
STextStyles.desktopTextExtraSmall(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textFieldActiveText,
height: 1.8,
),
onChanged: (_) => setState(() {}),
decoration: standardInputDecoration(
"Type something...",
_noteFocusNode,
context,
desktopMed: true,
).copyWith(
contentPadding: const EdgeInsets.only(
left: 16,
top: 11,
bottom: 12,
right: 5,
),
suffixIcon: noteController.text.isNotEmpty
? Padding(
padding: const EdgeInsets.only(right: 0),
child: UnconstrainedBox(
child: Row(
children: [
TextFieldIconButton(
child: const XIcon(),
onTap: () async {
setState(
() => noteController.text = "",
);
},
),
],
),
),
)
: null,
2022-11-01 17:42:33 +00:00
),
),
),
const SizedBox(
height: 20,
)
],
2022-11-01 17:42:33 +00:00
),
),
2023-02-10 18:07:57 +00:00
if (isDesktop && !widget.isPaynymTransaction)
2022-11-01 17:42:33 +00:00
Padding(
padding: const EdgeInsets.only(
left: 32,
),
child: Text(
"Transaction fee",
2022-11-01 17:42:33 +00:00
style: STextStyles.desktopTextExtraExtraSmall(context),
),
),
2023-02-10 18:07:57 +00:00
if (isDesktop && !widget.isPaynymTransaction)
2022-11-01 17:42:33 +00:00
Padding(
2023-02-10 18:07:57 +00:00
padding: const EdgeInsets.only(
top: 10,
left: 32,
right: 32,
),
child: RoundedContainer(
padding: const EdgeInsets.symmetric(
horizontal: 16,
vertical: 18,
2022-11-14 13:56:07 +00:00
),
2023-02-10 18:07:57 +00:00
color: Theme.of(context)
.extension<StackColors>()!
.textFieldDefaultBG,
child: Builder(
builder: (context) {
2022-11-14 13:56:07 +00:00
final coin = ref
.watch(walletsChangeNotifierProvider
.select((value) => value.getManager(walletId)))
.coin;
2023-04-06 20:21:49 +00:00
final fee = (transactionInfo["fee"] as int).toAmountAsRaw(
2023-04-05 22:06:31 +00:00
fractionDigits: coin.decimals,
2022-11-14 13:56:07 +00:00
);
return Text(
2023-04-05 22:06:31 +00:00
"${fee.localizedStringAsFixed(
locale: ref.watch(
localeServiceChangeNotifierProvider.select(
(value) => value.locale,
),
),
2022-11-14 13:56:07 +00:00
)} ${coin.ticker}",
style: STextStyles.itemSubtitle(context),
);
2023-02-10 18:07:57 +00:00
},
2022-11-14 13:56:07 +00:00
),
2023-02-10 18:07:57 +00:00
),
),
2022-11-01 17:42:33 +00:00
if (!isDesktop) const Spacer(),
SizedBox(
height: isDesktop ? 23 : 12,
),
Padding(
padding: isDesktop
? const EdgeInsets.symmetric(
horizontal: 32,
)
: const EdgeInsets.all(0),
child: RoundedContainer(
padding: isDesktop
? const EdgeInsets.symmetric(
horizontal: 16,
vertical: 18,
)
: const EdgeInsets.all(12),
color: Theme.of(context)
.extension<StackColors>()!
.snackBarBackSuccess,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
isDesktop ? "Total amount to send" : "Total amount",
style: isDesktop
? STextStyles.desktopTextExtraExtraSmall(context)
.copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textConfirmTotalAmount,
)
: STextStyles.titleBold12(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textConfirmTotalAmount,
),
2022-08-26 08:11:35 +00:00
),
2023-04-05 22:06:31 +00:00
Builder(builder: (context) {
final coin = ref.watch(walletsChangeNotifierProvider
.select((value) => value.getManager(walletId).coin));
final fee = (transactionInfo["fee"] as int)
2023-04-06 20:21:49 +00:00
.toAmountAsRaw(fractionDigits: coin.decimals);
2023-04-05 22:06:31 +00:00
final locale = ref.watch(
localeServiceChangeNotifierProvider
.select((value) => value.locale),
);
final amount = transactionInfo["recipientAmt"] as Amount;
return Text(
"${(amount + fee).localizedStringAsFixed(
locale: locale,
)} ${ref.watch(
managerProvider.select((value) => value.coin),
).ticker}",
style: isDesktop
? STextStyles.desktopTextExtraExtraSmall(context)
.copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textConfirmTotalAmount,
)
: STextStyles.itemSubtitle12(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textConfirmTotalAmount,
),
textAlign: TextAlign.right,
);
}),
2022-11-01 17:42:33 +00:00
],
2022-08-26 08:11:35 +00:00
),
),
),
2022-11-01 17:42:33 +00:00
SizedBox(
height: isDesktop ? 28 : 16,
),
Padding(
padding: isDesktop
? const EdgeInsets.symmetric(
horizontal: 32,
)
: const EdgeInsets.all(0),
child: PrimaryButton(
label: "Send",
2022-11-23 20:55:04 +00:00
buttonHeight: isDesktop ? ButtonHeight.l : null,
2022-11-01 17:42:33 +00:00
onPressed: () async {
2022-11-14 15:05:45 +00:00
final dynamic unlocked;
2022-11-25 00:16:26 +00:00
final coin = ref
.read(walletsChangeNotifierProvider)
.getManager(walletId)
.coin;
2022-11-14 15:05:45 +00:00
if (isDesktop) {
unlocked = await showDialog<bool?>(
context: context,
builder: (context) => DesktopDialog(
maxWidth: 580,
maxHeight: double.infinity,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: const [
DesktopDialogCloseButton(),
],
),
2022-11-25 00:16:26 +00:00
Padding(
padding: const EdgeInsets.only(
2022-11-14 15:05:45 +00:00
left: 32,
right: 32,
bottom: 32,
),
2022-11-25 00:16:26 +00:00
child: DesktopAuthSend(
coin: coin,
),
2022-11-14 15:05:45 +00:00
),
],
),
2022-11-01 17:42:33 +00:00
),
2022-11-14 15:05:45 +00:00
);
} else {
unlocked = await Navigator.push(
context,
RouteGenerator.getRoute(
shouldUseMaterialRoute:
RouteGenerator.useMaterialPageRoute,
builder: (_) => const LockscreenView(
showBackButton: true,
popOnSuccess: true,
routeOnSuccessArguments: true,
routeOnSuccess: "",
biometricsCancelButtonString: "CANCEL",
biometricsLocalizedReason:
"Authenticate to send transaction",
biometricsAuthenticationTitle: "Confirm Transaction",
),
settings:
const RouteSettings(name: "/confirmsendlockscreen"),
),
);
}
2022-11-01 17:42:33 +00:00
2022-11-22 15:11:18 +00:00
if (mounted) {
if (unlocked == true) {
unawaited(_attemptSend(context));
} else {
unawaited(
showFloatingFlushBar(
type: FlushBarType.warning,
message: Util.isDesktop
? "Invalid passphrase"
: "Invalid PIN",
context: context),
);
}
2022-11-01 17:42:33 +00:00
}
},
),
),
if (isDesktop)
const SizedBox(
height: 32,
),
],
),
2022-08-26 08:11:35 +00:00
),
);
}
}