From be04441c77eac2fbec04f4842031661a3c4e52a2 Mon Sep 17 00:00:00 2001
From: eli-d <64763513+eli-d@users.noreply.github.com>
Date: Mon, 8 Apr 2024 23:21:11 +0930
Subject: [PATCH] add get fly to mobile navbar (#2587)

* add get fly to mobile navbar

* Fix issue with the navbar display

---------

Co-authored-by: Alex <71931113+af-afk@users.noreply.github.com>
Co-authored-by: user <alex@iometelabs.io>
---
 .../app/routes/$network/dashboard.tsx         | 27 ++++++++++++++-----
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/web/app.fluidity.money/app/routes/$network/dashboard.tsx b/web/app.fluidity.money/app/routes/$network/dashboard.tsx
index 56908b9c3..9e064b358 100644
--- a/web/app.fluidity.money/app/routes/$network/dashboard.tsx
+++ b/web/app.fluidity.money/app/routes/$network/dashboard.tsx
@@ -422,9 +422,9 @@ export default function Dashboard() {
 
   const otherModalOpen =
     openMobModal ||
-    walletModalVisibility ||
-    connectedWalletModalVisibility ||
-    chainModalVisibility
+      walletModalVisibility ||
+      connectedWalletModalVisibility ||
+      chainModalVisibility
       ? true
       : false;
 
@@ -500,9 +500,8 @@ export default function Dashboard() {
       {/* Fluidify Money button, in a portal with z-index above tooltip if another modal isn't open */}
       <Modal id="fluidify" visible={!otherModalOpen}>
         <GeneralButton
-          className={`fluidify-button-dashboard-mobile rainbow ${
-            otherModalOpen ? "z-0" : "z-1"
-          }`}
+          className={`fluidify-button-dashboard-mobile rainbow ${otherModalOpen ? "z-0" : "z-1"
+            }`}
           type={"secondary"}
           size={"medium"}
           handleClick={() => navigate("../fluidify")}
@@ -915,7 +914,21 @@ export default function Dashboard() {
                 <a style={{ "cursor": "pointer" }} onClick={() => setStakingStatsModalVisibility(true)}>
                   <Text className="dashboard-navbar-default"><StakeIcon classname="staking-icon" /> STAKING</Text>
                 </a>
-              </li>]}
+              </li>,
+              <li key="ico">
+                <div />
+                <a
+                  style={{ cursor: "pointer" }}
+                  href="https://app.uniswap.org/swap?outputCurrency=0x000F1720A263f96532D1ac2bb9CDC12b72C6f386&chain=arbitrum"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  <Text className="dashboard-navbar-default">
+                    <FlyIcon /> GET FLY
+                  </Text>
+                </a>
+              </li>
+            ]}
             activeIndex={activeIndex}
             chains={chainNameMap}
             unclaimedFluid={userUnclaimedRewards}