mirror of
https://github.com/cypherstack/stack_wallet.git
synced 2024-11-17 17:57:40 +00:00
385 lines
14 KiB
Dart
385 lines
14 KiB
Dart
import 'dart:async';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:flutter_svg/svg.dart';
|
|
import 'package:qr_flutter/qr_flutter.dart';
|
|
import 'package:stackwallet/exceptions/wallet/insufficient_balance_exception.dart';
|
|
import 'package:stackwallet/models/paynym/paynym_account_lite.dart';
|
|
import 'package:stackwallet/notifications/show_flush_bar.dart';
|
|
import 'package:stackwallet/pages/paynym/dialogs/confirm_paynym_connect_dialog.dart';
|
|
import 'package:stackwallet/pages/paynym/subwidgets/paynym_bot.dart';
|
|
import 'package:stackwallet/pages/send_view/confirm_transaction_view.dart';
|
|
import 'package:stackwallet/providers/global/wallets_provider.dart';
|
|
import 'package:stackwallet/services/mixins/paynym_wallet_interface.dart';
|
|
import 'package:stackwallet/utilities/assets.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/custom_buttons/blue_text_button.dart';
|
|
import 'package:stackwallet/widgets/custom_buttons/paynym_follow_toggle_button.dart';
|
|
import 'package:stackwallet/widgets/desktop/desktop_dialog.dart';
|
|
import 'package:stackwallet/widgets/desktop/primary_button.dart';
|
|
import 'package:stackwallet/widgets/loading_indicator.dart';
|
|
import 'package:stackwallet/widgets/rounded_container.dart';
|
|
import 'package:stackwallet/widgets/rounded_white_container.dart';
|
|
|
|
class DesktopPaynymDetails extends ConsumerStatefulWidget {
|
|
const DesktopPaynymDetails({
|
|
Key? key,
|
|
required this.walletId,
|
|
required this.accountLite,
|
|
}) : super(key: key);
|
|
|
|
final String walletId;
|
|
final PaynymAccountLite accountLite;
|
|
|
|
@override
|
|
ConsumerState<DesktopPaynymDetails> createState() =>
|
|
_PaynymDetailsPopupState();
|
|
}
|
|
|
|
class _PaynymDetailsPopupState extends ConsumerState<DesktopPaynymDetails> {
|
|
bool _showInsufficientFundsInfo = false;
|
|
|
|
Future<void> _onConnectPressed() async {
|
|
bool canPop = false;
|
|
unawaited(
|
|
showDialog<void>(
|
|
context: context,
|
|
builder: (context) => WillPopScope(
|
|
onWillPop: () async => canPop,
|
|
child: const LoadingIndicator(
|
|
width: 200,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
final manager =
|
|
ref.read(walletsChangeNotifierProvider).getManager(widget.walletId);
|
|
|
|
final wallet = manager.wallet as PaynymWalletInterface;
|
|
|
|
if (await wallet.hasConnected(widget.accountLite.code)) {
|
|
canPop = true;
|
|
Navigator.of(context, rootNavigator: true).pop();
|
|
// TODO show info popup
|
|
return;
|
|
}
|
|
|
|
final rates = await manager.fees;
|
|
|
|
Map<String, dynamic> preparedTx;
|
|
|
|
try {
|
|
preparedTx = await wallet.prepareNotificationTx(
|
|
selectedTxFeeRate: rates.medium,
|
|
targetPaymentCodeString: widget.accountLite.code,
|
|
);
|
|
} on InsufficientBalanceException catch (e) {
|
|
if (mounted) {
|
|
canPop = true;
|
|
Navigator.of(context, rootNavigator: true).pop();
|
|
}
|
|
setState(() {
|
|
_showInsufficientFundsInfo = true;
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (mounted) {
|
|
// We have enough balance and prepared tx should be good to go.
|
|
|
|
canPop = true;
|
|
// close loading
|
|
Navigator.of(context, rootNavigator: true).pop();
|
|
|
|
// show info pop up
|
|
await showDialog<void>(
|
|
context: context,
|
|
builder: (context) => ConfirmPaynymConnectDialog(
|
|
nymName: widget.accountLite.nymName,
|
|
onConfirmPressed: () {
|
|
//
|
|
print("CONFIRM NOTIF TX: $preparedTx");
|
|
Navigator.of(context, rootNavigator: true).pop();
|
|
unawaited(
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => DesktopDialog(
|
|
maxHeight: double.infinity,
|
|
maxWidth: 580,
|
|
child: ConfirmTransactionView(
|
|
walletId: manager.walletId,
|
|
isPaynymNotificationTransaction: true,
|
|
transactionInfo: {
|
|
"hex": preparedTx["hex"],
|
|
"address": preparedTx["recipientPaynym"],
|
|
"recipientAmt": preparedTx["amount"],
|
|
"fee": preparedTx["fee"],
|
|
"vSize": preparedTx["vSize"],
|
|
"note": "PayNym connect"
|
|
},
|
|
onSuccessInsteadOfRouteOnSuccess: () {
|
|
Navigator.of(context, rootNavigator: true).pop();
|
|
Navigator.of(context, rootNavigator: true).pop();
|
|
unawaited(
|
|
showFloatingFlushBar(
|
|
type: FlushBarType.success,
|
|
message:
|
|
"Connection initiated to ${widget.accountLite.nymName}",
|
|
iconAsset: Assets.svg.copy,
|
|
context: context,
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
amount: (preparedTx["amount"] as int) + (preparedTx["fee"] as int),
|
|
coin: manager.coin,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
Future<void> _onSend() async {
|
|
print("sned");
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final manager = ref.watch(walletsChangeNotifierProvider
|
|
.select((value) => value.getManager(widget.walletId)));
|
|
|
|
final wallet = manager.wallet as PaynymWalletInterface;
|
|
|
|
return RoundedWhiteContainer(
|
|
padding: const EdgeInsets.all(0),
|
|
child: Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(24),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
PayNymBot(
|
|
paymentCodeString: widget.accountLite.code,
|
|
size: 36,
|
|
),
|
|
const SizedBox(
|
|
width: 12,
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
widget.accountLite.nymName,
|
|
style: STextStyles.desktopTextSmall(context),
|
|
),
|
|
FutureBuilder(
|
|
future: wallet.hasConnected(widget.accountLite.code),
|
|
builder: (context, AsyncSnapshot<bool> snapshot) {
|
|
if (snapshot.connectionState ==
|
|
ConnectionState.done &&
|
|
snapshot.data == true) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const SizedBox(
|
|
height: 2,
|
|
),
|
|
Text(
|
|
"Connected",
|
|
style: STextStyles.desktopTextSmall(context)
|
|
.copyWith(
|
|
color: Theme.of(context)
|
|
.extension<StackColors>()!
|
|
.accentColorGreen,
|
|
),
|
|
)
|
|
],
|
|
);
|
|
} else {
|
|
return Container();
|
|
}
|
|
},
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(
|
|
height: 20,
|
|
),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: FutureBuilder(
|
|
future: wallet.hasConnected(widget.accountLite.code),
|
|
builder: (context, AsyncSnapshot<bool> snapshot) {
|
|
if (snapshot.connectionState ==
|
|
ConnectionState.done &&
|
|
snapshot.hasData) {
|
|
if (snapshot.data!) {
|
|
return PrimaryButton(
|
|
label: "Send",
|
|
buttonHeight: ButtonHeight.s,
|
|
icon: SvgPicture.asset(
|
|
Assets.svg.circleArrowUpRight,
|
|
width: 16,
|
|
height: 16,
|
|
color: Theme.of(context)
|
|
.extension<StackColors>()!
|
|
.buttonTextPrimary,
|
|
),
|
|
iconSpacing: 6,
|
|
onPressed: _onSend,
|
|
);
|
|
} else {
|
|
return PrimaryButton(
|
|
label: "Connect",
|
|
buttonHeight: ButtonHeight.s,
|
|
icon: SvgPicture.asset(
|
|
Assets.svg.circlePlusFilled,
|
|
width: 16,
|
|
height: 16,
|
|
color: Theme.of(context)
|
|
.extension<StackColors>()!
|
|
.buttonTextPrimary,
|
|
),
|
|
iconSpacing: 6,
|
|
onPressed: _onConnectPressed,
|
|
);
|
|
}
|
|
} else {
|
|
return const SizedBox(
|
|
height: 100,
|
|
child: LoadingIndicator(),
|
|
);
|
|
}
|
|
},
|
|
),
|
|
),
|
|
const SizedBox(
|
|
width: 20,
|
|
),
|
|
Expanded(
|
|
child: PaynymFollowToggleButton(
|
|
walletId: widget.walletId,
|
|
paymentCodeStringToFollow: widget.accountLite.code,
|
|
style: PaynymFollowToggleButtonStyle.detailsDesktop,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (_showInsufficientFundsInfo)
|
|
Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
const SizedBox(
|
|
height: 24,
|
|
),
|
|
RoundedContainer(
|
|
color: Theme.of(context)
|
|
.extension<StackColors>()!
|
|
.warningBackground,
|
|
child: Text(
|
|
"Adding a PayNym to your contacts requires a one-time "
|
|
"transaction fee for creating the record on the "
|
|
"blockchain. Please deposit more "
|
|
"${ref.read(walletsChangeNotifierProvider).getManager(widget.walletId).wallet.coin.ticker} "
|
|
"into your wallet and try again.",
|
|
style: STextStyles.desktopTextExtraExtraSmall(context)
|
|
.copyWith(
|
|
color: Theme.of(context)
|
|
.extension<StackColors>()!
|
|
.warningForeground,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
color: Theme.of(context).extension<StackColors>()!.backgroundAppBar,
|
|
height: 1,
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(24),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"PayNym address",
|
|
style: STextStyles.desktopTextExtraExtraSmall(context),
|
|
),
|
|
const SizedBox(
|
|
height: 8,
|
|
),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: ConstrainedBox(
|
|
constraints: const BoxConstraints(minHeight: 100),
|
|
child: Text(
|
|
widget.accountLite.code,
|
|
style: STextStyles.desktopTextExtraExtraSmall(context)
|
|
.copyWith(
|
|
color: Theme.of(context)
|
|
.extension<StackColors>()!
|
|
.textDark,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(
|
|
width: 20,
|
|
),
|
|
QrImage(
|
|
padding: const EdgeInsets.all(0),
|
|
size: 100,
|
|
data: widget.accountLite.code,
|
|
foregroundColor:
|
|
Theme.of(context).extension<StackColors>()!.textDark,
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(
|
|
height: 8,
|
|
),
|
|
CustomTextButton(
|
|
text: "Copy",
|
|
onTap: () async {
|
|
await Clipboard.setData(
|
|
ClipboardData(
|
|
text: widget.accountLite.code,
|
|
),
|
|
);
|
|
unawaited(
|
|
showFloatingFlushBar(
|
|
type: FlushBarType.info,
|
|
message: "Copied to clipboard",
|
|
iconAsset: Assets.svg.copy,
|
|
context: context,
|
|
),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|