stack_wallet/lib/pages/token_view/sub_widgets/token_summary.dart

358 lines
11 KiB
Dart
Raw Normal View History

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
2023-02-27 16:37:41 +00:00
import 'package:flutter_svg/svg.dart';
import 'package:stackwallet/models/isar/models/ethereum/eth_contract.dart';
import 'package:stackwallet/pages/buy_view/buy_in_wallet_view.dart';
import 'package:stackwallet/pages/exchange_view/wallet_initiated_exchange_view.dart';
import 'package:stackwallet/pages/receive_view/receive_view.dart';
2023-03-30 16:55:02 +00:00
import 'package:stackwallet/pages/send_view/token_send_view.dart';
import 'package:stackwallet/pages/token_view/token_view.dart';
2023-03-29 21:29:27 +00:00
import 'package:stackwallet/pages/wallet_view/sub_widgets/wallet_refresh_button.dart';
2023-03-30 18:58:15 +00:00
import 'package:stackwallet/providers/global/locale_provider.dart';
import 'package:stackwallet/providers/global/prefs_provider.dart';
import 'package:stackwallet/providers/global/price_provider.dart';
import 'package:stackwallet/providers/global/wallets_provider.dart';
2023-03-29 21:29:27 +00:00
import 'package:stackwallet/services/event_bus/events/global/wallet_sync_status_changed_event.dart';
2023-04-06 21:24:56 +00:00
import 'package:stackwallet/utilities/amount/amount.dart';
2023-02-27 16:37:41 +00:00
import 'package:stackwallet/utilities/assets.dart';
import 'package:stackwallet/utilities/constants.dart';
2023-03-23 22:28:56 +00:00
import 'package:stackwallet/utilities/enums/coin_enum.dart';
import 'package:stackwallet/utilities/text_styles.dart';
2023-02-27 16:37:41 +00:00
import 'package:stackwallet/utilities/theme/stack_colors.dart';
2023-04-10 17:28:36 +00:00
import 'package:stackwallet/widgets/conditional_parent.dart';
import 'package:stackwallet/widgets/rounded_container.dart';
import 'package:tuple/tuple.dart';
class TokenSummary extends ConsumerWidget {
const TokenSummary({
Key? key,
required this.walletId,
2023-03-29 21:29:27 +00:00
required this.initialSyncStatus,
}) : super(key: key);
final String walletId;
2023-03-29 21:29:27 +00:00
final WalletSyncStatus initialSyncStatus;
@override
Widget build(BuildContext context, WidgetRef ref) {
2023-02-27 16:37:41 +00:00
final token =
ref.watch(tokenServiceProvider.select((value) => value!.tokenContract));
2023-02-27 16:37:41 +00:00
final balance =
ref.watch(tokenServiceProvider.select((value) => value!.balance));
2023-03-29 21:29:27 +00:00
return Stack(
children: [
RoundedContainer(
2023-04-10 17:28:36 +00:00
color: Theme.of(context).extension<StackColors>()!.tokenSummaryBG,
2023-03-29 21:29:27 +00:00
padding: const EdgeInsets.all(24),
child: Column(
2023-02-27 16:37:41 +00:00
children: [
2023-03-29 21:29:27 +00:00
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
SvgPicture.asset(
Assets.svg.walletDesktop,
2023-04-10 17:28:36 +00:00
color: Theme.of(context)
.extension<StackColors>()!
.tokenSummaryTextSecondary,
2023-03-29 21:29:27 +00:00
width: 12,
height: 12,
),
const SizedBox(
width: 6,
),
Text(
ref.watch(
walletsChangeNotifierProvider.select(
(value) => value.getManager(walletId).walletName,
),
),
style: STextStyles.w500_12(context).copyWith(
2023-04-10 17:28:36 +00:00
color: Theme.of(context)
.extension<StackColors>()!
.tokenSummaryTextSecondary,
2023-03-29 21:29:27 +00:00
),
),
],
),
2023-02-27 16:37:41 +00:00
const SizedBox(
2023-03-29 21:29:27 +00:00
height: 6,
2023-02-27 16:37:41 +00:00
),
2023-03-29 21:29:27 +00:00
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
2023-04-05 22:06:31 +00:00
"${balance.total.localizedStringAsFixed(
locale: ref.watch(
localeServiceChangeNotifierProvider.select(
(value) => value.locale,
),
),
)}"
2023-03-29 21:29:27 +00:00
" ${token.symbol}",
2023-04-10 17:28:36 +00:00
style: STextStyles.pageTitleH1(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.tokenSummaryTextPrimary,
),
2023-02-27 16:37:41 +00:00
),
2023-03-29 21:29:27 +00:00
const SizedBox(
width: 10,
),
CoinTickerTag(
walletId: walletId,
),
],
),
const SizedBox(
height: 6,
2023-02-27 16:37:41 +00:00
),
2023-03-23 22:28:56 +00:00
Text(
2023-04-05 22:06:31 +00:00
"${(balance.total.decimal * ref.watch(
priceAnd24hChangeNotifierProvider.select(
(value) => value.getTokenPrice(token.address).item1,
),
)).toAmount(
fractionDigits: 2,
).localizedStringAsFixed(
locale: ref.watch(
localeServiceChangeNotifierProvider.select(
(value) => value.locale,
),
),
)} ${ref.watch(
prefsChangeNotifierProvider.select(
(value) => value.currency,
),
)}",
2023-04-10 17:28:36 +00:00
style: STextStyles.subtitle500(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.tokenSummaryTextPrimary,
),
2023-03-23 22:28:56 +00:00
),
const SizedBox(
2023-03-29 21:29:27 +00:00
height: 20,
2023-03-23 22:28:56 +00:00
),
2023-03-29 21:29:27 +00:00
TokenWalletOptions(
walletId: walletId,
2023-03-29 21:29:27 +00:00
tokenContract: token,
2023-03-23 22:28:56 +00:00
),
],
2023-02-27 16:37:41 +00:00
),
2023-03-29 21:29:27 +00:00
),
Positioned(
top: 10,
right: 10,
child: WalletRefreshButton(
walletId: walletId,
2023-03-29 21:29:27 +00:00
initialSyncStatus: initialSyncStatus,
2023-04-10 17:28:36 +00:00
tokenContractAddress: ref.watch(
tokenServiceProvider.select(
(value) => value!.tokenContract.address,
),
),
overrideIconColor:
Theme.of(context).extension<StackColors>()!.topNavIconPrimary,
),
2023-03-29 21:29:27 +00:00
),
],
);
}
}
2023-02-27 16:37:41 +00:00
class TokenWalletOptions extends StatelessWidget {
const TokenWalletOptions({
Key? key,
required this.walletId,
required this.tokenContract,
}) : super(key: key);
final String walletId;
final EthContract tokenContract;
void _onExchangePressed(BuildContext context) async {
unawaited(
Navigator.of(context).pushNamed(
WalletInitiatedExchangeView.routeName,
arguments: Tuple3(
walletId,
Coin.ethereum,
tokenContract,
),
),
);
}
void _onBuyPressed(BuildContext context) {
unawaited(
Navigator.of(context).pushNamed(
BuyInWalletView.routeName,
arguments: Tuple2(
Coin.ethereum,
tokenContract,
),
),
);
}
2023-02-27 16:37:41 +00:00
@override
Widget build(BuildContext context) {
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
TokenOptionsButton(
onPressed: () {
Navigator.of(context).pushNamed(
ReceiveView.routeName,
arguments: Tuple2(
walletId,
tokenContract,
),
);
},
2023-02-27 16:37:41 +00:00
subLabel: "Receive",
2023-04-10 17:28:36 +00:00
iconAssetSVG: Assets.svg.arrowDownLeft,
2023-02-27 16:37:41 +00:00
),
const SizedBox(
width: 16,
),
TokenOptionsButton(
2023-03-30 16:55:02 +00:00
onPressed: () {
Navigator.of(context).pushNamed(
TokenSendView.routeName,
arguments: Tuple3(
walletId,
Coin.ethereum,
tokenContract,
),
);
},
2023-03-28 22:33:33 +00:00
subLabel: "Send",
2023-04-10 17:28:36 +00:00
iconAssetSVG: Assets.svg.arrowUpRight,
2023-02-27 16:37:41 +00:00
),
const SizedBox(
width: 16,
),
TokenOptionsButton(
onPressed: () => _onExchangePressed(context),
subLabel: "Swap",
2023-02-27 16:37:41 +00:00
iconAssetSVG: Assets.svg.exchange(context),
),
const SizedBox(
width: 16,
),
TokenOptionsButton(
onPressed: () => _onBuyPressed(context),
2023-02-27 16:37:41 +00:00
subLabel: "Buy",
iconAssetSVG: Assets.svg.creditCard,
),
],
);
}
}
class TokenOptionsButton extends StatelessWidget {
const TokenOptionsButton({
Key? key,
required this.onPressed,
required this.subLabel,
required this.iconAssetSVG,
}) : super(key: key);
final VoidCallback onPressed;
final String subLabel;
final String iconAssetSVG;
@override
Widget build(BuildContext context) {
2023-04-10 17:28:36 +00:00
final iconSize = subLabel == "Send" || subLabel == "Receive" ? 12.0 : 24.0;
2023-02-27 16:37:41 +00:00
return Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
RawMaterialButton(
2023-04-10 17:28:36 +00:00
fillColor:
Theme.of(context).extension<StackColors>()!.tokenSummaryButtonBG,
2023-02-27 16:37:41 +00:00
elevation: 0,
focusElevation: 0,
hoverElevation: 0,
highlightElevation: 0,
constraints: const BoxConstraints(),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(
Constants.size.circularBorderRadius,
),
),
onPressed: onPressed,
child: Padding(
padding: const EdgeInsets.all(10),
2023-04-10 17:28:36 +00:00
child: ConditionalParent(
condition: iconSize < 24,
builder: (child) => RoundedContainer(
padding: const EdgeInsets.all(6),
color: Theme.of(context)
.extension<StackColors>()!
.tokenSummaryIcon
.withOpacity(0.4),
radiusMultiplier: 10,
child: Center(
child: child,
),
),
child: SvgPicture.asset(
iconAssetSVG,
color: Theme.of(context)
.extension<StackColors>()!
.tokenSummaryIcon,
width: iconSize,
height: iconSize,
),
2023-02-27 16:37:41 +00:00
),
),
),
const SizedBox(
height: 6,
),
Text(
subLabel,
2023-04-10 17:28:36 +00:00
style: STextStyles.w500_12(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.tokenSummaryTextPrimary,
),
2023-02-27 16:37:41 +00:00
)
],
);
}
}
class CoinTickerTag extends ConsumerWidget {
const CoinTickerTag({
Key? key,
required this.walletId,
}) : super(key: key);
final String walletId;
@override
Widget build(BuildContext context, WidgetRef ref) {
return RoundedContainer(
padding: const EdgeInsets.symmetric(vertical: 2, horizontal: 4),
radiusMultiplier: 0.25,
2023-04-10 17:28:36 +00:00
color: Theme.of(context).extension<StackColors>()!.ethTagBG,
child: Text(
2023-04-10 17:28:36 +00:00
ref.watch(
walletsChangeNotifierProvider
.select((value) => value.getManager(walletId).coin.ticker),
),
style: STextStyles.w600_12(context).copyWith(
2023-04-10 17:28:36 +00:00
color: Theme.of(context).extension<StackColors>()!.ethTagText,
),
),
);
}
}