From 4e9ba505723970d216cbbc6f2392cfaad59cd9bd Mon Sep 17 00:00:00 2001
From: ryleedavis <rylee@cypherstack.com>
Date: Wed, 26 Jul 2023 15:37:10 -0600
Subject: [PATCH 1/2] Desktop what is monkey button

---
 lib/pages/monkey/monkey_view.dart | 40 +++++++++++++++++++++++--------
 1 file changed, 30 insertions(+), 10 deletions(-)

diff --git a/lib/pages/monkey/monkey_view.dart b/lib/pages/monkey/monkey_view.dart
index ce4e951d3..07466fe1b 100644
--- a/lib/pages/monkey/monkey_view.dart
+++ b/lib/pages/monkey/monkey_view.dart
@@ -239,11 +239,12 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
                     ],
                   ),
                 ),
-                trailing: AspectRatio(
-                  aspectRatio: 1,
-                  child: AppBarIconButton(
-                      icon: SvgPicture.asset(Assets.svg.circleQuestion),
-                      onPressed: () {
+                trailing: Padding(
+                  padding: const EdgeInsets.all(8.0),
+                  child: MouseRegion(
+                    cursor: SystemMouseCursors.click,
+                    child: GestureDetector(
+                      onTap: () {
                         showDialog<dynamic>(
                             context: context,
                             useSafeArea: false,
@@ -255,7 +256,30 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
                                     "A MonKey is a visual representation of your Banano address.",
                               );
                             });
-                      }),
+                      },
+                      child: Row(
+                        children: [
+                          SvgPicture.asset(
+                            Assets.svg.circleQuestion,
+                            color: Colors.blue[800],
+                          ),
+                          SizedBox(
+                            width: 6,
+                          ),
+                          Padding(
+                            padding: const EdgeInsets.only(bottom: 8.0),
+                            child: Text(
+                              "What is MonKey?",
+                              style: STextStyles.desktopTextSmall(context)
+                                  .copyWith(
+                                color: Colors.blue[800],
+                              ),
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
                 ),
                 useSpacers: false,
                 isCompactHeight: true,
@@ -281,9 +305,6 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
                       child: AppBarIconButton(
                           icon: SvgPicture.asset(
                             Assets.svg.circleQuestion,
-                            color: Theme.of(context)
-                                .extension<StackColors>()!
-                                .infoItemText,
                           ),
                           onPressed: () {
                             showDialog<dynamic>(
@@ -403,7 +424,6 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
                               message: "Fetching MonKey",
                               subMessage: "We are fetching your MonKey",
                             );
-
                             // if (isDesktop) {
                             //   Navigator.of(context).popUntil(
                             //     ModalRoute.withName(

From 39882b0d46bf37d15f05ceb84f60da41aaa1997b Mon Sep 17 00:00:00 2001
From: ryleedavis <rylee@cypherstack.com>
Date: Wed, 26 Jul 2023 16:07:54 -0600
Subject: [PATCH 2/2] monkey icon in app bar

---
 lib/pages/monkey/monkey_view.dart | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/lib/pages/monkey/monkey_view.dart b/lib/pages/monkey/monkey_view.dart
index 07466fe1b..940b41fa4 100644
--- a/lib/pages/monkey/monkey_view.dart
+++ b/lib/pages/monkey/monkey_view.dart
@@ -232,6 +232,10 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
                       const SizedBox(
                         width: 15,
                       ),
+                      SvgPicture.asset(Assets.svg.monkey),
+                      const SizedBox(
+                        width: 12,
+                      ),
                       Text(
                         "MonKey",
                         style: STextStyles.navBarTitle(context),