Ecosystem/stack_wallet
1
0
Fork 0
mirror of https://github.com/cypherstack/stack_wallet.git synced 2024-11-17 01:37:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

monkey view page

Browse source
This commit is contained in:
ryleedavis 2023-07-24 12:43:33 -06:00
parent 8ac085fe24
commit a286ba7b8f
1 changed files with 119 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

164
lib/pages/monkey/monkey_view.dart
View file

@ -7,11 +7,13 @@ import 'package:stackwallet/pages/monkey/sub_widgets/fetch_monkey_dialog.dart';
import 'package:stackwallet/services/coins/manager.dart'; import 'package:stackwallet/services/coins/manager.dart';
import 'package:stackwallet/themes/coin_icon_provider.dart'; import 'package:stackwallet/themes/coin_icon_provider.dart';
import 'package:stackwallet/themes/stack_colors.dart'; import 'package:stackwallet/themes/stack_colors.dart';
import 'package:stackwallet/utilities/assets.dart';
import 'package:stackwallet/utilities/enums/coin_enum.dart'; import 'package:stackwallet/utilities/enums/coin_enum.dart';
import 'package:stackwallet/utilities/text_styles.dart'; import 'package:stackwallet/utilities/text_styles.dart';
import 'package:stackwallet/widgets/background.dart'; import 'package:stackwallet/widgets/background.dart';
import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart'; import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart';
import 'package:stackwallet/widgets/desktop/primary_button.dart'; import 'package:stackwallet/widgets/desktop/primary_button.dart';
import 'package:stackwallet/widgets/desktop/secondary_button.dart';
class MonkeyView extends ConsumerStatefulWidget { class MonkeyView extends ConsumerStatefulWidget {
const MonkeyView({ const MonkeyView({
@ -50,6 +52,7 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final Coin coin = ref.watch(managerProvider.select((value) => value.coin)); final Coin coin = ref.watch(managerProvider.select((value) => value.coin));
bool isMonkey = false;
return Background( return Background(
child: Stack( child: Stack(
@ -65,60 +68,131 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
"MonKey", "MonKey",
style: STextStyles.navBarTitle(context), style: STextStyles.navBarTitle(context),
), ),
actions: [
AspectRatio(
aspectRatio: 1,
child: AppBarIconButton(
icon: SvgPicture.asset(Assets.svg.circleQuestion),
onPressed: () {
showDialog<dynamic>(
context: context,
useSafeArea: false,
barrierDismissible: true,
builder: (context) {
return Dialog(
child: Material(
borderRadius: BorderRadius.circular(
20,
),
child: Container(
height: 200,
decoration: BoxDecoration(
color: Theme.of(context)
.extension<StackColors>()!
.popupBG,
borderRadius: BorderRadius.circular(
20,
),
),
child: Column(
children: [
Center(
child: Text(
"Help",
style: STextStyles.pageTitleH2(
context),
),
)
],
),
),
),
);
});
}),
)
],
), ),
body: Column( body: isMonkey
// mainAxisAlignment: MainAxisAlignment.center, ? Column(
// crossAxisAlignment: CrossAxisAlignment.center,
children: [
const Spacer(),
Center(
child: Column(
children: [ children: [
SvgPicture.file( Spacer(),
File( Padding(
ref.watch(coinIconProvider(coin)), padding: const EdgeInsets.all(16.0),
child: Column(
children: [
SecondaryButton(
label: "Download as SVG",
onPressed: () {},
),
const SizedBox(height: 12),
SecondaryButton(
label: "Download as PNG",
onPressed: () {},
),
],
), ),
width: 164,
height: 164,
), ),
const SizedBox( ],
height: 40, )
: Column(
children: [
const Spacer(
flex: 4,
), ),
Text( Center(
"You do not have a MonKey yet. \nFetch yours now!", child: Column(
style: STextStyles.smallMed14(context).copyWith( children: [
color: Theme.of(context) Opacity(
.extension<StackColors>()! opacity: 0.2,
.textDark3, child: SvgPicture.file(
File(
ref.watch(coinIconProvider(coin)),
),
width: 200,
height: 200,
),
),
const SizedBox(
height: 40,
),
Text(
"You do not have a MonKey yet. \nFetch yours now!",
style: STextStyles.smallMed14(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textDark3,
),
textAlign: TextAlign.center,
),
],
),
),
const Spacer(
flex: 6,
),
Padding(
padding: const EdgeInsets.all(16.0),
child: PrimaryButton(
label: "Fetch MonKey",
onPressed: () {
showDialog<dynamic>(
context: context,
useSafeArea: false,
barrierDismissible: false,
builder: (context) {
return FetchMonkeyDialog(
onCancel: () async {
Navigator.of(context).pop();
},
);
},
);
},
), ),
textAlign: TextAlign.center,
), ),
], ],
), ),
),
const Spacer(),
Padding(
padding: const EdgeInsets.all(16.0),
child: PrimaryButton(
label: "Fetch MonKey",
onPressed: () {
showDialog<dynamic>(
context: context,
useSafeArea: false,
barrierDismissible: false,
builder: (context) {
return FetchMonkeyDialog(
onCancel: () async {
Navigator.of(context).pop();
},
);
},
);
},
),
),
],
),
), ),
], ],
), ),