From 346d255280a202347d32e2d2dea97aa793a08366 Mon Sep 17 00:00:00 2001
From: ryleedavis <rylee@cypherstack.com>
Date: Fri, 15 Sep 2023 12:57:01 -0600
Subject: [PATCH] WIP: cashfusion ui; app bar and text card
---
.../cashfusion/desktop_cashfusion_view.dart | 167 ++++++++++++------
1 file changed, 111 insertions(+), 56 deletions(-)
diff --git a/lib/pages_desktop_specific/cashfusion/desktop_cashfusion_view.dart b/lib/pages_desktop_specific/cashfusion/desktop_cashfusion_view.dart
index 8e0d93ea9..352b19f15 100644
--- a/lib/pages_desktop_specific/cashfusion/desktop_cashfusion_view.dart
+++ b/lib/pages_desktop_specific/cashfusion/desktop_cashfusion_view.dart
@@ -19,6 +19,7 @@ import 'package:stackwallet/utilities/text_styles.dart';
import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart';
import 'package:stackwallet/widgets/desktop/desktop_app_bar.dart';
import 'package:stackwallet/widgets/desktop/desktop_scaffold.dart';
+import 'package:stackwallet/widgets/rounded_white_container.dart';
class DesktopCashFusionView extends ConsumerStatefulWidget {
const DesktopCashFusionView({
@@ -55,67 +56,121 @@ class _DesktopCashFusion extends ConsumerState<DesktopCashFusionView> {
isCompactHeight: true,
useSpacers: false,
leading: Expanded(
- child: Row(
- children: [
- const SizedBox(
- width: 32,
- ),
- AppBarIconButton(
- size: 32,
- color: Theme.of(context)
- .extension<StackColors>()!
- .textFieldDefaultBG,
- shadows: const [],
- icon: SvgPicture.asset(
- Assets.svg.arrowLeft,
- width: 18,
- height: 18,
- color: Theme.of(context)
- .extension<StackColors>()!
- .topNavIconPrimary,
+ child: Padding(
+ padding: const EdgeInsets.all(24.0),
+ child: Row(
+ mainAxisAlignment: MainAxisAlignment.spaceBetween,
+ children: [
+ Row(
+ children: [
+ // const SizedBox(
+ // width: 32,
+ // ),
+ AppBarIconButton(
+ size: 32,
+ color: Theme.of(context)
+ .extension<StackColors>()!
+ .textFieldDefaultBG,
+ shadows: const [],
+ icon: SvgPicture.asset(
+ Assets.svg.arrowLeft,
+ width: 18,
+ height: 18,
+ color: Theme.of(context)
+ .extension<StackColors>()!
+ .topNavIconPrimary,
+ ),
+ onPressed: Navigator.of(context).pop,
+ ),
+ const SizedBox(
+ width: 15,
+ ),
+ SvgPicture.asset(
+ Assets.svg.cashFusion,
+ width: 32,
+ height: 32,
+ ),
+ const SizedBox(
+ width: 12,
+ ),
+ Text(
+ "CashFusion",
+ style: STextStyles.desktopH3(context),
+ ),
+ ],
),
- onPressed: Navigator.of(context).pop,
- ),
- const SizedBox(
- width: 15,
- ),
- SvgPicture.asset(
- Assets.svg.cashFusion,
- width: 32,
- height: 32,
- ),
- const SizedBox(
- width: 12,
- ),
- Text(
- "CashFusion",
- style: STextStyles.desktopH3(context),
- )
- ],
+ MouseRegion(
+ cursor: SystemMouseCursors.click,
+ child: GestureDetector(
+ onTap: () {},
+ child: Row(
+ children: [
+ SvgPicture.asset(
+ Assets.svg.circleQuestion,
+ color: Theme.of(context)
+ .extension<StackColors>()!
+ .radioButtonIconBorder,
+ ),
+ const SizedBox(
+ width: 6,
+ ),
+ RichText(
+ text: TextSpan(
+ text: "What is CashFusion?",
+ style: STextStyles.richLink(context).copyWith(
+ fontSize: 16,
+ ),
+ ),
+ ),
+ ],
+ ),
+ ),
+ ),
+ ],
+ ),
),
),
),
- body: Padding(
- padding: const EdgeInsets.all(24),
- child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
- const Text("TODO FusionParticipantList"),
- const SizedBox(
- height: 16,
- ),
- TextButton(
- onPressed: () => {
- (ref
- .read(walletsChangeNotifierProvider)
- .getManager(widget.walletId)
- .wallet as FusionWalletInterface)
- .fuse()
- },
- child: Text(
- "Fuse",
- style: STextStyles.desktopTextMedium(context),
+ body: Row(
+ children: [
+ Padding(
+ padding: const EdgeInsets.all(24),
+ child: Column(
+ crossAxisAlignment: CrossAxisAlignment.start,
+ children: [
+ SizedBox(
+ width: 460,
+ child: RoundedWhiteContainer(
+ child: Row(
+ children: [
+ Text(
+ "CashFustion allows you to anonymize your BCH coins."
+ "\nYou must be connected to the Tor network."),
+ ],
+ ),
+ ),
+ ),
+ const Text("TODO FusionParticipantList"),
+ const SizedBox(
+ height: 16,
+ ),
+ TextButton(
+ onPressed: () => {
+ (ref
+ .read(walletsChangeNotifierProvider)
+ .getManager(widget.walletId)
+ .wallet as FusionWalletInterface)
+ .fuse()
+ },
+ child: Text(
+ "Fuse",
+ style: STextStyles.desktopTextMedium(context),
+ ),
+ ),
+ ],
),
- )
- ]),
+ ),
+ ],
),
);
}