mirror of
https://github.com/cypherstack/stack_wallet.git
synced 2024-11-17 09:47:37 +00:00
desktop paynym card layout
This commit is contained in:
julian
parent
07addeadd8
commit
056cba2672
1 changed files with 63 additions and 293 deletions
|
|
@ -1,21 +1,12 @@
|
|||
import 'dart:async';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'package:stackwallet/models/paynym/paynym_account_lite.dart';
|
||||
import 'package:stackwallet/models/paynym/paynym_response.dart';
|
||||
import 'package:stackwallet/notifications/show_flush_bar.dart';
|
||||
import 'package:stackwallet/pages/paynym/subwidgets/paynym_bot.dart';
|
||||
import 'package:stackwallet/providers/global/paynym_api_provider.dart';
|
||||
import 'package:stackwallet/providers/global/wallets_provider.dart';
|
||||
import 'package:stackwallet/providers/wallet/my_paynym_account_state_provider.dart';
|
||||
import 'package:stackwallet/services/coins/coin_paynym_extension.dart';
|
||||
import 'package:stackwallet/services/coins/dogecoin/dogecoin_wallet.dart';
|
||||
import 'package:stackwallet/utilities/format.dart';
|
||||
import 'package:stackwallet/utilities/text_styles.dart';
|
||||
import 'package:stackwallet/utilities/theme/stack_colors.dart';
|
||||
import 'package:stackwallet/widgets/desktop/primary_button.dart';
|
||||
import 'package:stackwallet/widgets/loading_indicator.dart';
|
||||
import 'package:stackwallet/utilities/util.dart';
|
||||
import 'package:stackwallet/widgets/conditional_parent.dart';
|
||||
import 'package:stackwallet/widgets/custom_buttons/paynym_follow_toggle_button.dart';
|
||||
import 'package:stackwallet/widgets/rounded_white_container.dart';
|
||||
|
||||
class PaynymCard extends StatefulWidget {
|
||||
const PaynymCard({
|
||||
|
|
@ -34,293 +25,72 @@ class PaynymCard extends StatefulWidget {
|
|||
}
|
||||
|
||||
class _PaynymCardState extends State<PaynymCard> {
|
||||
final isDesktop = Util.isDesktop;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: Row(
|
||||
children: [
|
||||
PayNymBot(
|
||||
size: 32,
|
||||
paymentCodeString: widget.paymentCodeString,
|
||||
),
|
||||
const SizedBox(
|
||||
width: 12,
|
||||
),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
widget.label,
|
||||
style: STextStyles.w500_12(context),
|
||||
),
|
||||
const SizedBox(
|
||||
height: 2,
|
||||
),
|
||||
Text(
|
||||
Format.shorten(widget.paymentCodeString, 12, 5),
|
||||
style: STextStyles.w500_12(context).copyWith(
|
||||
color: Theme.of(context)
|
||||
.extension<StackColors>()!
|
||||
.textSubtitle1,
|
||||
return ConditionalParent(
|
||||
condition: isDesktop,
|
||||
builder: (child) => RoundedWhiteContainer(
|
||||
padding: const EdgeInsets.all(0),
|
||||
borderColor:
|
||||
Theme.of(context).extension<StackColors>()!.backgroundAppBar,
|
||||
child: child,
|
||||
),
|
||||
child: Padding(
|
||||
padding: isDesktop
|
||||
? const EdgeInsets.symmetric(
|
||||
vertical: 16,
|
||||
horizontal: 20,
|
||||
)
|
||||
: const EdgeInsets.all(12),
|
||||
child: Row(
|
||||
children: [
|
||||
PayNymBot(
|
||||
size: 32,
|
||||
paymentCodeString: widget.paymentCodeString,
|
||||
),
|
||||
const SizedBox(
|
||||
width: 12,
|
||||
),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
widget.label,
|
||||
style: isDesktop
|
||||
? STextStyles.desktopTextExtraExtraSmall(context)
|
||||
.copyWith(
|
||||
color: Theme.of(context)
|
||||
.extension<StackColors>()!
|
||||
.textFieldActiveText,
|
||||
)
|
||||
: STextStyles.w500_12(context),
|
||||
),
|
||||
),
|
||||
],
|
||||
const SizedBox(
|
||||
height: 2,
|
||||
),
|
||||
Text(
|
||||
Format.shorten(widget.paymentCodeString, 12, 5),
|
||||
style: isDesktop
|
||||
? STextStyles.desktopTextExtraExtraSmall(context)
|
||||
: STextStyles.w500_12(context).copyWith(
|
||||
color: Theme.of(context)
|
||||
.extension<StackColors>()!
|
||||
.textSubtitle1,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
PaynymFollowToggleButton(
|
||||
walletId: widget.walletId,
|
||||
paymentCodeStringToFollow: widget.paymentCodeString,
|
||||
),
|
||||
// PrimaryButton(
|
||||
// width: 84,
|
||||
// buttonHeight: ButtonHeight.l,
|
||||
// label: "Follow",
|
||||
// onPressed: () {
|
||||
// // todo : follow
|
||||
// },
|
||||
// )
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class PaynymFollowToggleButton extends ConsumerStatefulWidget {
|
||||
const PaynymFollowToggleButton({
|
||||
Key? key,
|
||||
required this.walletId,
|
||||
required this.paymentCodeStringToFollow,
|
||||
}) : super(key: key);
|
||||
|
||||
final String walletId;
|
||||
final String paymentCodeStringToFollow;
|
||||
|
||||
@override
|
||||
ConsumerState<PaynymFollowToggleButton> createState() =>
|
||||
_PaynymFollowToggleButtonState();
|
||||
}
|
||||
|
||||
class _PaynymFollowToggleButtonState
|
||||
extends ConsumerState<PaynymFollowToggleButton> {
|
||||
Future<bool> follow() async {
|
||||
bool loadingPopped = false;
|
||||
unawaited(
|
||||
showDialog<void>(
|
||||
context: context,
|
||||
builder: (context) => const LoadingIndicator(
|
||||
width: 200,
|
||||
),
|
||||
).then(
|
||||
(_) => loadingPopped = true,
|
||||
),
|
||||
);
|
||||
|
||||
final wallet = ref
|
||||
.read(walletsChangeNotifierProvider)
|
||||
.getManager(widget.walletId)
|
||||
.wallet as DogecoinWallet;
|
||||
|
||||
final followedAccount = await ref
|
||||
.read(paynymAPIProvider)
|
||||
.nym(widget.paymentCodeStringToFollow, true);
|
||||
|
||||
final myPCode = await wallet.getPaymentCode();
|
||||
|
||||
PaynymResponse<String> token =
|
||||
await ref.read(paynymAPIProvider).token(myPCode.toString());
|
||||
|
||||
// sign token with notification private key
|
||||
String signature = await wallet.signStringWithNotificationKey(token.value!);
|
||||
|
||||
var result = await ref.read(paynymAPIProvider).follow(
|
||||
token.value!, signature, followedAccount.value!.codes.first.code);
|
||||
|
||||
int i = 0;
|
||||
for (;
|
||||
i < 10 &&
|
||||
result.statusCode == 401; //"401 Unauthorized - Bad signature";
|
||||
i++) {
|
||||
token = await ref.read(paynymAPIProvider).token(myPCode.toString());
|
||||
|
||||
// sign token with notification private key
|
||||
signature = await wallet.signStringWithNotificationKey(token.value!);
|
||||
|
||||
result = await ref.read(paynymAPIProvider).follow(
|
||||
token.value!, signature, followedAccount.value!.codes.first.code);
|
||||
await Future<void>.delayed(const Duration(milliseconds: 200));
|
||||
|
||||
print("RRR result: $result");
|
||||
}
|
||||
|
||||
print("Follow result: $result on try $i");
|
||||
|
||||
if (result.value!.following == followedAccount.value!.nymID) {
|
||||
if (!loadingPopped && mounted) {
|
||||
Navigator.of(context).pop();
|
||||
}
|
||||
|
||||
unawaited(
|
||||
showFloatingFlushBar(
|
||||
type: FlushBarType.success,
|
||||
message: "You are following ${followedAccount.value!.nymName}",
|
||||
context: context,
|
||||
),
|
||||
);
|
||||
ref.read(myPaynymAccountStateProvider.state).state!.following.add(
|
||||
PaynymAccountLite(
|
||||
followedAccount.value!.nymID,
|
||||
followedAccount.value!.nymName,
|
||||
followedAccount.value!.codes.first.code,
|
||||
followedAccount.value!.codes.first.segwit,
|
||||
PaynymFollowToggleButton(
|
||||
walletId: widget.walletId,
|
||||
paymentCodeStringToFollow: widget.paymentCodeString,
|
||||
),
|
||||
);
|
||||
|
||||
setState(() {
|
||||
isFollowing = true;
|
||||
});
|
||||
|
||||
return true;
|
||||
} else {
|
||||
if (!loadingPopped && mounted) {
|
||||
Navigator.of(context).pop();
|
||||
}
|
||||
|
||||
unawaited(
|
||||
showFloatingFlushBar(
|
||||
type: FlushBarType.warning,
|
||||
message: "Failed to follow ${followedAccount.value!.nymName}",
|
||||
context: context,
|
||||
],
|
||||
),
|
||||
);
|
||||
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
Future<bool> unfollow() async {
|
||||
bool loadingPopped = false;
|
||||
unawaited(
|
||||
showDialog<void>(
|
||||
context: context,
|
||||
builder: (context) => const LoadingIndicator(
|
||||
width: 200,
|
||||
),
|
||||
).then(
|
||||
(_) => loadingPopped = true,
|
||||
),
|
||||
);
|
||||
|
||||
final wallet = ref
|
||||
.read(walletsChangeNotifierProvider)
|
||||
.getManager(widget.walletId)
|
||||
.wallet as DogecoinWallet;
|
||||
|
||||
final followedAccount = await ref
|
||||
.read(paynymAPIProvider)
|
||||
.nym(widget.paymentCodeStringToFollow, true);
|
||||
|
||||
final myPCode = await wallet.getPaymentCode();
|
||||
|
||||
PaynymResponse<String> token =
|
||||
await ref.read(paynymAPIProvider).token(myPCode.toString());
|
||||
|
||||
// sign token with notification private key
|
||||
String signature = await wallet.signStringWithNotificationKey(token.value!);
|
||||
|
||||
var result = await ref.read(paynymAPIProvider).unfollow(
|
||||
token.value!, signature, followedAccount.value!.codes.first.code);
|
||||
|
||||
int i = 0;
|
||||
for (;
|
||||
i < 10 &&
|
||||
result.statusCode == 401; //"401 Unauthorized - Bad signature";
|
||||
i++) {
|
||||
token = await ref.read(paynymAPIProvider).token(myPCode.toString());
|
||||
|
||||
// sign token with notification private key
|
||||
signature = await wallet.signStringWithNotificationKey(token.value!);
|
||||
|
||||
result = await ref.read(paynymAPIProvider).unfollow(
|
||||
token.value!, signature, followedAccount.value!.codes.first.code);
|
||||
await Future<void>.delayed(const Duration(milliseconds: 200));
|
||||
print("unfollow RRR result: $result");
|
||||
}
|
||||
|
||||
print("Unfollow result: $result on try $i");
|
||||
|
||||
if (result.value!.unfollowing == followedAccount.value!.nymID) {
|
||||
if (!loadingPopped && mounted) {
|
||||
Navigator.of(context).pop();
|
||||
}
|
||||
|
||||
unawaited(
|
||||
showFloatingFlushBar(
|
||||
type: FlushBarType.success,
|
||||
message: "You have unfollowed ${followedAccount.value!.nymName}",
|
||||
context: context,
|
||||
),
|
||||
);
|
||||
ref
|
||||
.read(myPaynymAccountStateProvider.state)
|
||||
.state!
|
||||
.following
|
||||
.removeWhere((e) => e.nymId == followedAccount.value!.nymID);
|
||||
|
||||
setState(() {
|
||||
isFollowing = false;
|
||||
});
|
||||
|
||||
return true;
|
||||
} else {
|
||||
if (!loadingPopped && mounted) {
|
||||
Navigator.of(context).pop();
|
||||
}
|
||||
|
||||
unawaited(
|
||||
showFloatingFlushBar(
|
||||
type: FlushBarType.warning,
|
||||
message: "Failed to unfollow ${followedAccount.value!.nymName}",
|
||||
context: context,
|
||||
),
|
||||
);
|
||||
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
bool _lock = false;
|
||||
late bool isFollowing;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
isFollowing = ref
|
||||
.read(myPaynymAccountStateProvider.state)
|
||||
.state!
|
||||
.following
|
||||
.where((e) => e.code == widget.paymentCodeStringToFollow)
|
||||
.isNotEmpty;
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return PrimaryButton(
|
||||
width: 84,
|
||||
buttonHeight: ButtonHeight.l,
|
||||
label: isFollowing ? "Unfollow" : "Follow",
|
||||
onPressed: () async {
|
||||
if (!_lock) {
|
||||
_lock = true;
|
||||
if (isFollowing) {
|
||||
await unfollow();
|
||||
} else {
|
||||
await follow();
|
||||
}
|
||||
_lock = false;
|
||||
}
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue