mirror of
https://github.com/cypherstack/stack_wallet.git
synced 2025-02-02 19:26:37 +00:00
pull down to refresh paynym home view on mobile
This commit is contained in:
julian
parent
4fbf38fd11
commit
1d4812c5b2
2 changed files with 192 additions and 108 deletions
|
|
@ -3,11 +3,17 @@ import 'dart:math';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||||
import 'package:stackwallet/pages/paynym/subwidgets/paynym_card_button.dart';
|
import 'package:stackwallet/pages/paynym/subwidgets/paynym_card_button.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/providers/wallet/my_paynym_account_state_provider.dart';
|
||||||
|
import 'package:stackwallet/services/mixins/paynym_wallet_interface.dart';
|
||||||
import 'package:stackwallet/utilities/constants.dart';
|
import 'package:stackwallet/utilities/constants.dart';
|
||||||
|
import 'package:stackwallet/utilities/enums/derive_path_type_enum.dart';
|
||||||
|
import 'package:stackwallet/utilities/logger.dart';
|
||||||
import 'package:stackwallet/utilities/text_styles.dart';
|
import 'package:stackwallet/utilities/text_styles.dart';
|
||||||
import 'package:stackwallet/utilities/theme/stack_colors.dart';
|
import 'package:stackwallet/utilities/theme/stack_colors.dart';
|
||||||
import 'package:stackwallet/utilities/util.dart';
|
import 'package:stackwallet/utilities/util.dart';
|
||||||
|
import 'package:stackwallet/widgets/conditional_parent.dart';
|
||||||
import 'package:stackwallet/widgets/rounded_white_container.dart';
|
import 'package:stackwallet/widgets/rounded_white_container.dart';
|
||||||
|
|
||||||
class PaynymFollowersList extends ConsumerStatefulWidget {
|
class PaynymFollowersList extends ConsumerStatefulWidget {
|
||||||
|
|
@ -54,61 +60,97 @@ class _PaynymFollowersListState extends ConsumerState<PaynymFollowersList> {
|
||||||
ref.watch(myPaynymAccountStateProvider.state).state?.followers;
|
ref.watch(myPaynymAccountStateProvider.state).state?.followers;
|
||||||
final count = followers?.length ?? 0;
|
final count = followers?.length ?? 0;
|
||||||
|
|
||||||
return ListView.separated(
|
return ConditionalParent(
|
||||||
itemCount: max(count, 1),
|
condition: !isDesktop,
|
||||||
separatorBuilder: (BuildContext context, int index) => Container(
|
builder: (child) => RefreshIndicator(
|
||||||
height: 1.5,
|
child: child,
|
||||||
color: Colors.transparent,
|
onRefresh: () async {
|
||||||
),
|
try {
|
||||||
itemBuilder: (BuildContext context, int index) {
|
final manager = ref
|
||||||
if (count == 0) {
|
.read(walletsChangeNotifierProvider)
|
||||||
return RoundedWhiteContainer(
|
.getManager(widget.walletId);
|
||||||
child: Row(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.center,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
"Your PayNym followers will appear here",
|
|
||||||
style: isDesktop
|
|
||||||
? STextStyles.desktopTextExtraExtraSmall(context)
|
|
||||||
.copyWith(
|
|
||||||
color: Theme.of(context)
|
|
||||||
.extension<StackColors>()!
|
|
||||||
.textSubtitle1,
|
|
||||||
)
|
|
||||||
: STextStyles.label(context),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
} else if (count == 1) {
|
|
||||||
return RoundedWhiteContainer(
|
|
||||||
padding: const EdgeInsets.all(0),
|
|
||||||
child: PaynymCardButton(
|
|
||||||
walletId: widget.walletId,
|
|
||||||
accountLite: followers![0],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
BorderRadius? borderRadius;
|
|
||||||
if (index == 0) {
|
|
||||||
borderRadius = _borderRadiusFirst;
|
|
||||||
} else if (index == count - 1) {
|
|
||||||
borderRadius = _borderRadiusLast;
|
|
||||||
}
|
|
||||||
|
|
||||||
return Container(
|
// get wallet to access paynym calls
|
||||||
key: Key("paynymCardKey_${followers![index].nymId}"),
|
final wallet = manager.wallet as PaynymWalletInterface;
|
||||||
decoration: BoxDecoration(
|
|
||||||
borderRadius: borderRadius,
|
// get payment code
|
||||||
color: Theme.of(context).extension<StackColors>()!.popupBG,
|
final pCode = await wallet.getPaymentCode(
|
||||||
),
|
DerivePathTypeExt.primaryFor(manager.coin),
|
||||||
child: PaynymCardButton(
|
);
|
||||||
walletId: widget.walletId,
|
|
||||||
accountLite: followers[index],
|
// get account from api
|
||||||
),
|
final account =
|
||||||
);
|
await ref.read(paynymAPIProvider).nym(pCode.toString());
|
||||||
}
|
|
||||||
},
|
// update my account
|
||||||
|
if (account.value != null) {
|
||||||
|
ref.read(myPaynymAccountStateProvider.state).state =
|
||||||
|
account.value!;
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
Logging.instance.log(
|
||||||
|
"Failed pull down refresh of paynym home page: $e",
|
||||||
|
level: LogLevel.Warning,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
child: ListView.separated(
|
||||||
|
itemCount: max(count, 1),
|
||||||
|
separatorBuilder: (BuildContext context, int index) => Container(
|
||||||
|
height: 1.5,
|
||||||
|
color: Colors.transparent,
|
||||||
|
),
|
||||||
|
itemBuilder: (BuildContext context, int index) {
|
||||||
|
if (count == 0) {
|
||||||
|
return RoundedWhiteContainer(
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
"Your PayNym followers will appear here",
|
||||||
|
style: isDesktop
|
||||||
|
? STextStyles.desktopTextExtraExtraSmall(context)
|
||||||
|
.copyWith(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.extension<StackColors>()!
|
||||||
|
.textSubtitle1,
|
||||||
|
)
|
||||||
|
: STextStyles.label(context),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
} else if (count == 1) {
|
||||||
|
return RoundedWhiteContainer(
|
||||||
|
padding: const EdgeInsets.all(0),
|
||||||
|
child: PaynymCardButton(
|
||||||
|
walletId: widget.walletId,
|
||||||
|
accountLite: followers![0],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
BorderRadius? borderRadius;
|
||||||
|
if (index == 0) {
|
||||||
|
borderRadius = _borderRadiusFirst;
|
||||||
|
} else if (index == count - 1) {
|
||||||
|
borderRadius = _borderRadiusLast;
|
||||||
|
}
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
key: Key("paynymCardKey_${followers![index].nymId}"),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: borderRadius,
|
||||||
|
color: Theme.of(context).extension<StackColors>()!.popupBG,
|
||||||
|
),
|
||||||
|
child: PaynymCardButton(
|
||||||
|
walletId: widget.walletId,
|
||||||
|
accountLite: followers[index],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -3,11 +3,17 @@ import 'dart:math';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||||
import 'package:stackwallet/pages/paynym/subwidgets/paynym_card_button.dart';
|
import 'package:stackwallet/pages/paynym/subwidgets/paynym_card_button.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/providers/wallet/my_paynym_account_state_provider.dart';
|
||||||
|
import 'package:stackwallet/services/mixins/paynym_wallet_interface.dart';
|
||||||
import 'package:stackwallet/utilities/constants.dart';
|
import 'package:stackwallet/utilities/constants.dart';
|
||||||
|
import 'package:stackwallet/utilities/enums/derive_path_type_enum.dart';
|
||||||
|
import 'package:stackwallet/utilities/logger.dart';
|
||||||
import 'package:stackwallet/utilities/text_styles.dart';
|
import 'package:stackwallet/utilities/text_styles.dart';
|
||||||
import 'package:stackwallet/utilities/theme/stack_colors.dart';
|
import 'package:stackwallet/utilities/theme/stack_colors.dart';
|
||||||
import 'package:stackwallet/utilities/util.dart';
|
import 'package:stackwallet/utilities/util.dart';
|
||||||
|
import 'package:stackwallet/widgets/conditional_parent.dart';
|
||||||
import 'package:stackwallet/widgets/rounded_white_container.dart';
|
import 'package:stackwallet/widgets/rounded_white_container.dart';
|
||||||
|
|
||||||
class PaynymFollowingList extends ConsumerStatefulWidget {
|
class PaynymFollowingList extends ConsumerStatefulWidget {
|
||||||
|
|
@ -54,61 +60,97 @@ class _PaynymFollowingListState extends ConsumerState<PaynymFollowingList> {
|
||||||
ref.watch(myPaynymAccountStateProvider.state).state?.following;
|
ref.watch(myPaynymAccountStateProvider.state).state?.following;
|
||||||
final count = following?.length ?? 0;
|
final count = following?.length ?? 0;
|
||||||
|
|
||||||
return ListView.separated(
|
return ConditionalParent(
|
||||||
itemCount: max(count, 1),
|
condition: !isDesktop,
|
||||||
separatorBuilder: (BuildContext context, int index) => Container(
|
builder: (child) => RefreshIndicator(
|
||||||
height: 1.5,
|
child: child,
|
||||||
color: Colors.transparent,
|
onRefresh: () async {
|
||||||
),
|
try {
|
||||||
itemBuilder: (BuildContext context, int index) {
|
final manager = ref
|
||||||
if (count == 0) {
|
.read(walletsChangeNotifierProvider)
|
||||||
return RoundedWhiteContainer(
|
.getManager(widget.walletId);
|
||||||
child: Row(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.center,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
"Your PayNym contacts will appear here",
|
|
||||||
style: isDesktop
|
|
||||||
? STextStyles.desktopTextExtraExtraSmall(context)
|
|
||||||
.copyWith(
|
|
||||||
color: Theme.of(context)
|
|
||||||
.extension<StackColors>()!
|
|
||||||
.textSubtitle1,
|
|
||||||
)
|
|
||||||
: STextStyles.label(context),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
} else if (count == 1) {
|
|
||||||
return RoundedWhiteContainer(
|
|
||||||
padding: const EdgeInsets.all(0),
|
|
||||||
child: PaynymCardButton(
|
|
||||||
walletId: widget.walletId,
|
|
||||||
accountLite: following![0],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
BorderRadius? borderRadius;
|
|
||||||
if (index == 0) {
|
|
||||||
borderRadius = _borderRadiusFirst;
|
|
||||||
} else if (index == count - 1) {
|
|
||||||
borderRadius = _borderRadiusLast;
|
|
||||||
}
|
|
||||||
|
|
||||||
return Container(
|
// get wallet to access paynym calls
|
||||||
key: Key("paynymCardKey_${following![index].nymId}"),
|
final wallet = manager.wallet as PaynymWalletInterface;
|
||||||
decoration: BoxDecoration(
|
|
||||||
borderRadius: borderRadius,
|
// get payment code
|
||||||
color: Theme.of(context).extension<StackColors>()!.popupBG,
|
final pCode = await wallet.getPaymentCode(
|
||||||
),
|
DerivePathTypeExt.primaryFor(manager.coin),
|
||||||
child: PaynymCardButton(
|
);
|
||||||
walletId: widget.walletId,
|
|
||||||
accountLite: following[index],
|
// get account from api
|
||||||
),
|
final account =
|
||||||
);
|
await ref.read(paynymAPIProvider).nym(pCode.toString());
|
||||||
}
|
|
||||||
},
|
// update my account
|
||||||
|
if (account.value != null) {
|
||||||
|
ref.read(myPaynymAccountStateProvider.state).state =
|
||||||
|
account.value!;
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
Logging.instance.log(
|
||||||
|
"Failed pull down refresh of paynym home page: $e",
|
||||||
|
level: LogLevel.Warning,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
child: ListView.separated(
|
||||||
|
itemCount: max(count, 1),
|
||||||
|
separatorBuilder: (BuildContext context, int index) => Container(
|
||||||
|
height: 1.5,
|
||||||
|
color: Colors.transparent,
|
||||||
|
),
|
||||||
|
itemBuilder: (BuildContext context, int index) {
|
||||||
|
if (count == 0) {
|
||||||
|
return RoundedWhiteContainer(
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
"Your PayNym contacts will appear here",
|
||||||
|
style: isDesktop
|
||||||
|
? STextStyles.desktopTextExtraExtraSmall(context)
|
||||||
|
.copyWith(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.extension<StackColors>()!
|
||||||
|
.textSubtitle1,
|
||||||
|
)
|
||||||
|
: STextStyles.label(context),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
} else if (count == 1) {
|
||||||
|
return RoundedWhiteContainer(
|
||||||
|
padding: const EdgeInsets.all(0),
|
||||||
|
child: PaynymCardButton(
|
||||||
|
walletId: widget.walletId,
|
||||||
|
accountLite: following![0],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
BorderRadius? borderRadius;
|
||||||
|
if (index == 0) {
|
||||||
|
borderRadius = _borderRadiusFirst;
|
||||||
|
} else if (index == count - 1) {
|
||||||
|
borderRadius = _borderRadiusLast;
|
||||||
|
}
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
key: Key("paynymCardKey_${following![index].nymId}"),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: borderRadius,
|
||||||
|
color: Theme.of(context).extension<StackColors>()!.popupBG,
|
||||||
|
),
|
||||||
|
child: PaynymCardButton(
|
||||||
|
walletId: widget.walletId,
|
||||||
|
accountLite: following[index],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue