WIP: scaling monkey view for desktop

lib/pages/monkey/monkey_view.dart

@@ -9,6 +9,7 @@ import 'package:path_provider/path_provider.dart';
 import 'package:permission_handler/permission_handler.dart';
 import 'package:stackwallet/pages/monkey/sub_widgets/fetch_monkey_dialog.dart';
 import 'package:stackwallet/pages/wallet_view/wallet_view.dart';
+import 'package:stackwallet/pages_desktop_specific/my_stack_view/wallet_view/desktop_wallet_view.dart';
 import 'package:stackwallet/providers/global/wallets_provider.dart';
 import 'package:stackwallet/services/coins/banano/banano_wallet.dart';
 import 'package:stackwallet/services/coins/manager.dart';
@@ -17,6 +18,7 @@ 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/text_styles.dart';
+import 'package:stackwallet/utilities/util.dart';
 import 'package:stackwallet/widgets/background.dart';
 import 'package:stackwallet/widgets/conditional_parent.dart';
 import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart';
@@ -24,6 +26,9 @@ import 'package:stackwallet/widgets/desktop/primary_button.dart';
 import 'package:stackwallet/widgets/desktop/secondary_button.dart';
 import 'package:stackwallet/widgets/stack_dialog.dart';
 
+import '../../widgets/desktop/desktop_app_bar.dart';
+import '../../widgets/desktop/desktop_scaffold.dart';
+
 class MonkeyView extends ConsumerStatefulWidget {
   const MonkeyView({
     Key? key,
@@ -193,13 +198,82 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
     final manager = ref.watch(walletsChangeNotifierProvider
         .select((value) => value.getManager(widget.walletId)));
 
+    final bool isDesktop = Util.isDesktop;
+
     List<int>? imageBytes;
     imageBytes = (manager.wallet as BananoWallet).getMonkeyImageBytes();
 
+    //edit for desktop
     return Background(
       child: Stack(
         children: [
-          Scaffold(
+          ConditionalParent(
+            condition: isDesktop,
+            builder: (child) => DesktopScaffold(
+              appBar: DesktopAppBar(
+                background: Theme.of(context).extension<StackColors>()!.popupBG,
+                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,
+                        ),
+                        onPressed: () {
+                          if (mounted) {
+                            Navigator.of(context).pop();
+                          }
+                        },
+                      ),
+                      const SizedBox(
+                        width: 15,
+                      ),
+                      Text(
+                        "MonKey",
+                        style: STextStyles.navBarTitle(context),
+                      ),
+                    ],
+                  ),
+                ),
+                trailing: AspectRatio(
+                  aspectRatio: 1,
+                  child: AppBarIconButton(
+                      icon: SvgPicture.asset(Assets.svg.circleQuestion),
+                      onPressed: () {
+                        showDialog<dynamic>(
+                            context: context,
+                            useSafeArea: false,
+                            barrierDismissible: true,
+                            builder: (context) {
+                              return const StackDialog(
+                                title: "About MonKeys",
+                                message:
+                                    "A MonKey is a visual representation of your Banano address.",
+                              );
+                            });
+                      }),
+                ),
+                useSpacers: false,
+                isCompactHeight: true,
+              ),
+              body: child,
+            ),
+            child: ConditionalParent(
+              condition: !isDesktop,
+              builder: (child) => Scaffold(
                 appBar: AppBar(
                   leading: AppBarBackButton(
                     onPressed: () {
@@ -214,7 +288,12 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
                     AspectRatio(
                       aspectRatio: 1,
                       child: AppBarIconButton(
-                      icon: SvgPicture.asset(Assets.svg.circleQuestion),
+                          icon: SvgPicture.asset(
+                            Assets.svg.circleQuestion,
+                            color: Theme.of(context)
+                                .extension<StackColors>()!
+                                .infoItemText,
+                          ),
                           onPressed: () {
                             showDialog<dynamic>(
                                 context: context,
@@ -231,7 +310,16 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
                     ),
                   ],
                 ),
-            body: ConditionalParent(
+                body: child,
+              ),
+              child: ConditionalParent(
+                condition: isDesktop,
+                builder: (child) => SizedBox(
+                  width: 300,
+                  height: 300,
+                  child: child,
+                ),
+                child: ConditionalParent(
                   condition: imageBytes != null,
                   builder: (child) => Column(
                     children: [
@@ -240,7 +328,8 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
                       ),
                       if (imageBytes != null)
                         Container(
-                      child: SvgPicture.memory(Uint8List.fromList(imageBytes!)),
+                          child: SvgPicture.memory(
+                              Uint8List.fromList(imageBytes!)),
                           width: 300,
                           height: 300,
                         ),
@@ -326,11 +415,19 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
                               },
                             );
 
-                        await Future<void>.delayed(const Duration(seconds: 2));
+                            await Future<void>.delayed(
+                                const Duration(seconds: 2));
 
+                            if (isDesktop) {
+                              Navigator.of(context).popUntil(
+                                ModalRoute.withName(
+                                    DesktopWalletView.routeName),
+                              );
+                            } else {
                               Navigator.of(context).popUntil(
                                 ModalRoute.withName(WalletView.routeName),
                               );
+                            }
                           },
                         ),
                       ),
@@ -338,6 +435,8 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
                   ),
                 ),
               ),
+            ),
+          ),
         ],
       ),
     );