add get fly to mobile navbar (#2587)

* add get fly to mobile navbar * Fix issue with the navbar display --------- Co-authored-by: Alex <[email protected]> Co-authored-by: user <[email protected]>
fluidity-money · Apr 8, 2024 · be04441 · be04441
1 parent 5fc34ae
commit be04441
Showing 1 changed file with 20 additions and 7 deletions.
diff --git 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}